#5E92AC - #CCCEC2 | 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 #5E92AC a #CCCEC2

#5E92AC #CCCEC2

Calcule el color entre dos colores, #5E92AC y #CCCEC2. 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)

#5E92AC - #CCCEC2 | 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 #5E92AC como 0% y #CCCEC2 como 100%.

0.0%	0.0% #5E92AC	RGB 94 146 172	#5E92AC
16.7%	16.7% #709CAF	RGB 112 156 175	#709CAF
33.3%	33.3% #82A6B3	RGB 130 166 179	#82A6B3
50.0%	50.0% #95B0B7	RGB 149 176 183	#95B0B7
66.7%	66.7% #A7BABA	RGB 167 186 186	#A7BABA
83.3%	83.3% #B9C4BE	RGB 185 196 190	#B9C4BE
100.0%	100.0% #CCCEC2	RGB 204 206 194	#CCCEC2

#5E92AC #709CAF #82A6B3 #95B0B7 #A7BABA #B9C4BE #CCCEC2

#5E92AC - #CCCEC2

Mezcla HSV

#5E92AC - #CCCEC2 | 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 #5E92AC como 0% y #CCCEC2 como 100%.

0.0%	0.0% #5E92AC	RGB 94 146 172	#5E92AC
16.7%	16.7% #6CB1AF	RGB 108 177 175	#6CB1AF
33.3%	33.3% #7CB7A0	RGB 124 183 160	#7CB7A0
50.0%	50.0% #8CBD98	RGB 140 189 152	#8CBD98
66.7%	66.7% #A1C29D	RGB 161 194 157	#A1C29D
83.3%	83.3% #BBC8AF	RGB 187 200 175	#BBC8AF
100.0%	100.0% #CCCEC2	RGB 204 206 194	#CCCEC2

#5E92AC #6CB1AF #7CB7A0 #8CBD98 #A1C29D #BBC8AF #CCCEC2

#5E92AC - #8CBD98 - #CCCEC2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E92AC 0%, #8CBD98 50%, #CCCEC2 100%);
    background: -webkit-linear-gradient(top, #5E92AC 0%, #8CBD98 50%, #CCCEC2 100%);
    background: linear-gradient(to bottom, #5E92AC 0%, #8CBD98 50%, #CCCEC2 100%);
}
</style>