#C49FA2 - #EEE3E4 | 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 #C49FA2 a #EEE3E4

#C49FA2 #EEE3E4

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

#C49FA2 - #EEE3E4 | 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 #C49FA2 como 0% y #EEE3E4 como 100%.

0.0%	0.0% #C49FA2	RGB 196 159 162	#C49FA2
16.7%	16.7% #CBAAAD	RGB 203 170 173	#CBAAAD
33.3%	33.3% #D2B5B8	RGB 210 181 184	#D2B5B8
50.0%	50.0% #D9C1C3	RGB 217 193 195	#D9C1C3
66.7%	66.7% #E0CCCE	RGB 224 204 206	#E0CCCE
83.3%	83.3% #E7D7D9	RGB 231 215 217	#E7D7D9
100.0%	100.0% #EEE3E4	RGB 238 227 228	#EEE3E4

#C49FA2 #CBAAAD #D2B5B8 #D9C1C3 #E0CCCE #E7D7D9 #EEE3E4

#C49FA2 - #EEE3E4

Mezcla HSV

#C49FA2 - #EEE3E4 | 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 #C49FA2 como 0% y #EEE3E4 como 100%.

0.0%	0.0% #C49FA2	RGB 196 159 162	#C49FA2
16.7%	16.7% #CBA9AC	RGB 203 169 172	#CBA9AC
33.3%	33.3% #D2B4B6	RGB 210 180 182	#D2B4B6
50.0%	50.0% #D9BFC1	RGB 217 191 193	#D9BFC1
66.7%	66.7% #E0CBCC	RGB 224 203 204	#E0CBCC
83.3%	83.3% #E7D6D8	RGB 231 214 216	#E7D6D8
100.0%	100.0% #EEE3E4	RGB 238 227 228	#EEE3E4

#C49FA2 #CBA9AC #D2B4B6 #D9BFC1 #E0CBCC #E7D6D8 #EEE3E4

#C49FA2 - #D9BFC1 - #EEE3E4

Códigos CSS

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

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