#C0C5FF - #5E6ADB | 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 #C0C5FF a #5E6ADB

#C0C5FF #5E6ADB

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

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

0.0%	0.0% #C0C5FF	RGB 192 197 255	#C0C5FF
16.7%	16.7% #AFB5F9	RGB 175 181 249	#AFB5F9
33.3%	33.3% #9FA6F3	RGB 159 166 243	#9FA6F3
50.0%	50.0% #8F97ED	RGB 143 151 237	#8F97ED
66.7%	66.7% #7E88E7	RGB 126 136 231	#7E88E7
83.3%	83.3% #6E79E1	RGB 110 121 225	#6E79E1
100.0%	100.0% #5E6ADB	RGB 94 106 219	#5E6ADB

#C0C5FF #AFB5F9 #9FA6F3 #8F97ED #7E88E7 #6E79E1 #5E6ADB

#C0C5FF - #5E6ADB

Mezcla HSV

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

0.0%	0.0% #C0C5FF	RGB 192 197 255	#C0C5FF
16.7%	16.7% #AEB4F9	RGB 174 180 249	#AEB4F9
33.3%	33.3% #9CA4F3	RGB 156 164 243	#9CA4F3
50.0%	50.0% #8C94ED	RGB 140 148 237	#8C94ED
66.7%	66.7% #7C85E7	RGB 124 133 231	#7C85E7
83.3%	83.3% #6C77E1	RGB 108 119 225	#6C77E1
100.0%	100.0% #5E6ADB	RGB 94 106 219	#5E6ADB

#C0C5FF #AEB4F9 #9CA4F3 #8C94ED #7C85E7 #6C77E1 #5E6ADB

#C0C5FF - #8C94ED - #5E6ADB

Códigos CSS

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

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