#C3CCFF - #5E7AD5 | 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 #C3CCFF a #5E7AD5

#C3CCFF #5E7AD5

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

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

0.0%	0.0% #C3CCFF	RGB 195 204 255	#C3CCFF
16.7%	16.7% #B2BEF8	RGB 178 190 248	#B2BEF8
33.3%	33.3% #A1B0F1	RGB 161 176 241	#A1B0F1
50.0%	50.0% #90A3EA	RGB 144 163 234	#90A3EA
66.7%	66.7% #7F95E3	RGB 127 149 227	#7F95E3
83.3%	83.3% #6E87DC	RGB 110 135 220	#6E87DC
100.0%	100.0% #5E7AD5	RGB 94 122 213	#5E7AD5

#C3CCFF #B2BEF8 #A1B0F1 #90A3EA #7F95E3 #6E87DC #5E7AD5

#C3CCFF - #5E7AD5

Mezcla HSV

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

0.0%	0.0% #C3CCFF	RGB 195 204 255	#C3CCFF
16.7%	16.7% #B0BCF8	RGB 176 188 248	#B0BCF8
33.3%	33.3% #9EADF1	RGB 158 173 241	#9EADF1
50.0%	50.0% #8D9FEA	RGB 141 159 234	#8D9FEA
66.7%	66.7% #7C91E3	RGB 124 145 227	#7C91E3
83.3%	83.3% #6C85DC	RGB 108 133 220	#6C85DC
100.0%	100.0% #5E7AD5	RGB 94 122 213	#5E7AD5

#C3CCFF #B0BCF8 #9EADF1 #8D9FEA #7C91E3 #6C85DC #5E7AD5

#C3CCFF - #8D9FEA - #5E7AD5

Códigos CSS

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

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