#C46CA2 - #EED5E5 | 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 #C46CA2 a #EED5E5

#C46CA2 #EED5E5

Calcule el color entre dos colores, #C46CA2 y #EED5E5. 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)

#C46CA2 - #EED5E5 | 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 #C46CA2 como 0% y #EED5E5 como 100%.

0.0%	0.0% #C46CA2	RGB 196 108 162	#C46CA2
16.7%	16.7% #CB7DAD	RGB 203 125 173	#CB7DAD
33.3%	33.3% #D28FB8	RGB 210 143 184	#D28FB8
50.0%	50.0% #D9A0C3	RGB 217 160 195	#D9A0C3
66.7%	66.7% #E0B2CE	RGB 224 178 206	#E0B2CE
83.3%	83.3% #E7C3D9	RGB 231 195 217	#E7C3D9
100.0%	100.0% #EED5E5	RGB 238 213 229	#EED5E5

#C46CA2 #CB7DAD #D28FB8 #D9A0C3 #E0B2CE #E7C3D9 #EED5E5

#C46CA2 - #EED5E5

Mezcla HSV

#C46CA2 - #EED5E5 | 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 #C46CA2 como 0% y #EED5E5 como 100%.

0.0%	0.0% #C46CA1	RGB 196 108 161	#C46CA1
16.7%	16.7% #CB7BAC	RGB 203 123 172	#CB7BAC
33.3%	33.3% #D28BB7	RGB 210 139 183	#D28BB7
50.0%	50.0% #D99CC2	RGB 217 156 194	#D99CC2
66.7%	66.7% #E0AECD	RGB 224 174 205	#E0AECD
83.3%	83.3% #E7C1D9	RGB 231 193 217	#E7C1D9
100.0%	100.0% #EED5E5	RGB 238 213 229	#EED5E5

#C46CA1 #CB7BAC #D28BB7 #D99CC2 #E0AECD #E7C1D9 #EED5E5

#C46CA2 - #D99CC2 - #EED5E5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C46CA1 0%, #D99CC2 50%, #EED5E5 100%);
    background: -webkit-linear-gradient(top, #C46CA1 0%, #D99CC2 50%, #EED5E5 100%);
    background: linear-gradient(to bottom, #C46CA1 0%, #D99CC2 50%, #EED5E5 100%);
}
</style>