#5D9292 - #D0DFDF | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #5D9292 a #D0DFDF

#5D9292 #D0DFDF

Calcule el color entre dos colores, #5D9292 y #D0DFDF. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#5D9292 - #D0DFDF | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #5D9292 como 0% y #D0DFDF como 100%.

0.0%	0.0% #5D9292	RGB 93 146 146	#5D9292
16.7%	16.7% #709E9E	RGB 112 158 158	#709E9E
33.3%	33.3% #83ABAB	RGB 131 171 171	#83ABAB
50.0%	50.0% #96B8B8	RGB 150 184 184	#96B8B8
66.7%	66.7% #A9C5C5	RGB 169 197 197	#A9C5C5
83.3%	83.3% #BCD2D2	RGB 188 210 210	#BCD2D2
100.0%	100.0% #D0DFDF	RGB 208 223 223	#D0DFDF

#5D9292 #709E9E #83ABAB #96B8B8 #A9C5C5 #BCD2D2 #D0DFDF

#5D9292 - #D0DFDF

Mezcla HSV

#5D9292 - #D0DFDF | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #5D9292 como 0% y #D0DFDF como 100%.

0.0%	0.0% #5D9292	RGB 93 146 146	#5D9292
16.7%	16.7% #6D9E9E	RGB 109 158 158	#6D9E9E
33.3%	33.3% #7EABAB	RGB 126 171 171	#7EABAB
50.0%	50.0% #90B8B8	RGB 144 184 184	#90B8B8
66.7%	66.7% #A4C5C5	RGB 164 197 197	#A4C5C5
83.3%	83.3% #B9D2D2	RGB 185 210 210	#B9D2D2
100.0%	100.0% #D0DFDF	RGB 208 223 223	#D0DFDF

#5D9292 #6D9E9E #7EABAB #90B8B8 #A4C5C5 #B9D2D2 #D0DFDF

#5D9292 - #90B8B8 - #D0DFDF

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5D9292 0%, #D0DFDF 100%);
    background: -webkit-linear-gradient(top, #5D9292 0%, #D0DFDF 100%);
    background: linear-gradient(to bottom, #5D9292 0%, #D0DFDF 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D9292 0%, #90B8B8 50%, #D0DFDF 100%);
    background: -webkit-linear-gradient(top, #5D9292 0%, #90B8B8 50%, #D0DFDF 100%);
    background: linear-gradient(to bottom, #5D9292 0%, #90B8B8 50%, #D0DFDF 100%);
}
</style>