#5C61CE - #9CFAC2 | 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 #5C61CE a #9CFAC2

#5C61CE #9CFAC2

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

#5C61CE - #9CFAC2 | 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 #5C61CE como 0% y #9CFAC2 como 100%.

0.0%	0.0% #5C61CE	RGB 92 97 206	#5C61CE
16.7%	16.7% #667ACC	RGB 102 122 204	#667ACC
33.3%	33.3% #7194CA	RGB 113 148 202	#7194CA
50.0%	50.0% #7CADC8	RGB 124 173 200	#7CADC8
66.7%	66.7% #86C7C6	RGB 134 199 198	#86C7C6
83.3%	83.3% #91E0C4	RGB 145 224 196	#91E0C4
100.0%	100.0% #9CFAC2	RGB 156 250 194	#9CFAC2

#5C61CE #667ACC #7194CA #7CADC8 #86C7C6 #91E0C4 #9CFAC2

#5C61CE - #9CFAC2

Mezcla HSV

#5C61CE - #9CFAC2 | 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 #5C61CE como 0% y #9CFAC2 como 100%.

0.0%	0.0% #5C61CE	RGB 92 97 206	#5C61CE
16.7%	16.7% #6587D5	RGB 101 135 213	#6587D5
33.3%	33.3% #6FACDC	RGB 111 172 220	#6FACDC
50.0%	50.0% #7AD0E4	RGB 122 208 228	#7AD0E4
66.7%	66.7% #84EBE3	RGB 132 235 227	#84EBE3
83.3%	83.3% #90F2D1	RGB 144 242 209	#90F2D1
100.0%	100.0% #9CFAC2	RGB 156 250 194	#9CFAC2

#5C61CE #6587D5 #6FACDC #7AD0E4 #84EBE3 #90F2D1 #9CFAC2

#5C61CE - #7AD0E4 - #9CFAC2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C61CE 0%, #7AD0E4 50%, #9CFAC2 100%);
    background: -webkit-linear-gradient(top, #5C61CE 0%, #7AD0E4 50%, #9CFAC2 100%);
    background: linear-gradient(to bottom, #5C61CE 0%, #7AD0E4 50%, #9CFAC2 100%);
}
</style>