#5E92AD - #CCCEC3 | 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 #5E92AD a #CCCEC3

#5E92AD #CCCEC3

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

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

0.0%	0.0% #5E92AD	RGB 94 146 173	#5E92AD
16.7%	16.7% #709CB0	RGB 112 156 176	#709CB0
33.3%	33.3% #82A6B4	RGB 130 166 180	#82A6B4
50.0%	50.0% #95B0B8	RGB 149 176 184	#95B0B8
66.7%	66.7% #A7BABB	RGB 167 186 187	#A7BABB
83.3%	83.3% #B9C4BF	RGB 185 196 191	#B9C4BF
100.0%	100.0% #CCCEC3	RGB 204 206 195	#CCCEC3

#5E92AD #709CB0 #82A6B4 #95B0B8 #A7BABB #B9C4BF #CCCEC3

#5E92AD - #CCCEC3

Mezcla HSV

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

0.0%	0.0% #5E92AD	RGB 94 146 173	#5E92AD
16.7%	16.7% #6CB2B1	RGB 108 178 177	#6CB2B1
33.3%	33.3% #7CB8A1	RGB 124 184 161	#7CB8A1
50.0%	50.0% #8DBD99	RGB 141 189 153	#8DBD99
66.7%	66.7% #A1C39E	RGB 161 195 158	#A1C39E
83.3%	83.3% #BBC8B0	RGB 187 200 176	#BBC8B0
100.0%	100.0% #CCCEC3	RGB 204 206 195	#CCCEC3

#5E92AD #6CB2B1 #7CB8A1 #8DBD99 #A1C39E #BBC8B0 #CCCEC3

#5E92AD - #8DBD99 - #CCCEC3

Códigos CSS

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

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