#C46CAB - #EED5E7 | 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 #C46CAB a #EED5E7

#C46CAB #EED5E7

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

#C46CAB - #EED5E7 | 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 #C46CAB como 0% y #EED5E7 como 100%.

0.0%	0.0% #C46CAB	RGB 196 108 171	#C46CAB
16.7%	16.7% #CB7DB5	RGB 203 125 181	#CB7DB5
33.3%	33.3% #D28FBF	RGB 210 143 191	#D28FBF
50.0%	50.0% #D9A0C9	RGB 217 160 201	#D9A0C9
66.7%	66.7% #E0B2D3	RGB 224 178 211	#E0B2D3
83.3%	83.3% #E7C3DD	RGB 231 195 221	#E7C3DD
100.0%	100.0% #EED5E7	RGB 238 213 231	#EED5E7

#C46CAB #CB7DB5 #D28FBF #D9A0C9 #E0B2D3 #E7C3DD #EED5E7

#C46CAB - #EED5E7

Mezcla HSV

#C46CAB - #EED5E7 | 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 #C46CAB como 0% y #EED5E7 como 100%.

0.0%	0.0% #C46CAB	RGB 196 108 171	#C46CAB
16.7%	16.7% #CB7BB4	RGB 203 123 180	#CB7BB4
33.3%	33.3% #D28BBE	RGB 210 139 190	#D28BBE
50.0%	50.0% #D99CC8	RGB 217 156 200	#D99CC8
66.7%	66.7% #E0AED2	RGB 224 174 210	#E0AED2
83.3%	83.3% #E7C1DC	RGB 231 193 220	#E7C1DC
100.0%	100.0% #EED5E7	RGB 238 213 231	#EED5E7

#C46CAB #CB7BB4 #D28BBE #D99CC8 #E0AED2 #E7C1DC #EED5E7

#C46CAB - #D99CC8 - #EED5E7

Códigos CSS

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

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