#C0C0FF - #586AD4 | 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 #C0C0FF a #586AD4

#C0C0FF #586AD4

Calcule el color entre dos colores, #C0C0FF y #586AD4. 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)

#C0C0FF - #586AD4 | 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 #C0C0FF como 0% y #586AD4 como 100%.

0.0%	0.0% #C0C0FF	RGB 192 192 255	#C0C0FF
16.7%	16.7% #AEB1F7	RGB 174 177 247	#AEB1F7
33.3%	33.3% #9DA3F0	RGB 157 163 240	#9DA3F0
50.0%	50.0% #8C95E9	RGB 140 149 233	#8C95E9
66.7%	66.7% #7A86E2	RGB 122 134 226	#7A86E2
83.3%	83.3% #6978DB	RGB 105 120 219	#6978DB
100.0%	100.0% #586AD4	RGB 88 106 212	#586AD4

#C0C0FF #AEB1F7 #9DA3F0 #8C95E9 #7A86E2 #6978DB #586AD4

#C0C0FF - #586AD4

Mezcla HSV

#C0C0FF - #586AD4 | 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 #C0C0FF como 0% y #586AD4 como 100%.

0.0%	0.0% #C0C0FF	RGB 192 192 255	#C0C0FF
16.7%	16.7% #ACAEF7	RGB 172 174 247	#ACAEF7
33.3%	33.3% #9A9EF0	RGB 154 158 240	#9A9EF0
50.0%	50.0% #888FE9	RGB 136 143 233	#888FE9
66.7%	66.7% #7781E2	RGB 119 129 226	#7781E2
83.3%	83.3% #6775DB	RGB 103 117 219	#6775DB
100.0%	100.0% #586AD4	RGB 88 106 212	#586AD4

#C0C0FF #ACAEF7 #9A9EF0 #888FE9 #7781E2 #6775DB #586AD4

#C0C0FF - #888FE9 - #586AD4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C0FF 0%, #888FE9 50%, #586AD4 100%);
    background: -webkit-linear-gradient(top, #C0C0FF 0%, #888FE9 50%, #586AD4 100%);
    background: linear-gradient(to bottom, #C0C0FF 0%, #888FE9 50%, #586AD4 100%);
}
</style>