#C49FA4 - #EEE3E5 | 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 #C49FA4 a #EEE3E5

#C49FA4 #EEE3E5

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

#C49FA4 - #EEE3E5 | 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 #C49FA4 como 0% y #EEE3E5 como 100%.

0.0%	0.0% #C49FA4	RGB 196 159 164	#C49FA4
16.7%	16.7% #CBAAAE	RGB 203 170 174	#CBAAAE
33.3%	33.3% #D2B5B9	RGB 210 181 185	#D2B5B9
50.0%	50.0% #D9C1C4	RGB 217 193 196	#D9C1C4
66.7%	66.7% #E0CCCF	RGB 224 204 207	#E0CCCF
83.3%	83.3% #E7D7DA	RGB 231 215 218	#E7D7DA
100.0%	100.0% #EEE3E5	RGB 238 227 229	#EEE3E5

#C49FA4 #CBAAAE #D2B5B9 #D9C1C4 #E0CCCF #E7D7DA #EEE3E5

#C49FA4 - #EEE3E5

Mezcla HSV

#C49FA4 - #EEE3E5 | 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 #C49FA4 como 0% y #EEE3E5 como 100%.

0.0%	0.0% #C49FA4	RGB 196 159 164	#C49FA4
16.7%	16.7% #CBA9AE	RGB 203 169 174	#CBA9AE
33.3%	33.3% #D2B4B8	RGB 210 180 184	#D2B4B8
50.0%	50.0% #D9BFC3	RGB 217 191 195	#D9BFC3
66.7%	66.7% #E0CBCE	RGB 224 203 206	#E0CBCE
83.3%	83.3% #E7D6D9	RGB 231 214 217	#E7D6D9
100.0%	100.0% #EEE3E5	RGB 238 227 229	#EEE3E5

#C49FA4 #CBA9AE #D2B4B8 #D9BFC3 #E0CBCE #E7D6D9 #EEE3E5

#C49FA4 - #D9BFC3 - #EEE3E5

Códigos CSS

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

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