#C3C5CE - #7185A6 | 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 #C3C5CE a #7185A6

#C3C5CE #7185A6

Calcule el color entre dos colores, #C3C5CE y #7185A6. 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)

#C3C5CE - #7185A6 | 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 #C3C5CE como 0% y #7185A6 como 100%.

0.0%	0.0% #C3C5CE	RGB 195 197 206	#C3C5CE
16.7%	16.7% #B5BAC7	RGB 181 186 199	#B5BAC7
33.3%	33.3% #A7AFC0	RGB 167 175 192	#A7AFC0
50.0%	50.0% #9AA5BA	RGB 154 165 186	#9AA5BA
66.7%	66.7% #8C9AB3	RGB 140 154 179	#8C9AB3
83.3%	83.3% #7E8FAC	RGB 126 143 172	#7E8FAC
100.0%	100.0% #7185A6	RGB 113 133 166	#7185A6

#C3C5CE #B5BAC7 #A7AFC0 #9AA5BA #8C9AB3 #7E8FAC #7185A6

#C3C5CE - #7185A6

Mezcla HSV

#C3C5CE - #7185A6 | 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 #C3C5CE como 0% y #7185A6 como 100%.

0.0%	0.0% #C3C5CE	RGB 195 197 206	#C3C5CE
16.7%	16.7% #B3B8C7	RGB 179 184 199	#B3B8C7
33.3%	33.3% #A5ACC0	RGB 165 172 192	#A5ACC0
50.0%	50.0% #97A1BA	RGB 151 161 186	#97A1BA
66.7%	66.7% #8996B3	RGB 137 150 179	#8996B3
83.3%	83.3% #7D8DAC	RGB 125 141 172	#7D8DAC
100.0%	100.0% #7185A6	RGB 113 133 166	#7185A6

#C3C5CE #B3B8C7 #A5ACC0 #97A1BA #8996B3 #7D8DAC #7185A6

#C3C5CE - #97A1BA - #7185A6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C5CE 0%, #97A1BA 50%, #7185A6 100%);
    background: -webkit-linear-gradient(top, #C3C5CE 0%, #97A1BA 50%, #7185A6 100%);
    background: linear-gradient(to bottom, #C3C5CE 0%, #97A1BA 50%, #7185A6 100%);
}
</style>