#C49B9F - #EEE2E3 | 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 #C49B9F a #EEE2E3

#C49B9F #EEE2E3

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

#C49B9F - #EEE2E3 | 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 #C49B9F como 0% y #EEE2E3 como 100%.

0.0%	0.0% #C49B9F	RGB 196 155 159	#C49B9F
16.7%	16.7% #CBA6AA	RGB 203 166 170	#CBA6AA
33.3%	33.3% #D2B2B5	RGB 210 178 181	#D2B2B5
50.0%	50.0% #D9BEC1	RGB 217 190 193	#D9BEC1
66.7%	66.7% #E0CACC	RGB 224 202 204	#E0CACC
83.3%	83.3% #E7D6D7	RGB 231 214 215	#E7D6D7
100.0%	100.0% #EEE2E3	RGB 238 226 227	#EEE2E3

#C49B9F #CBA6AA #D2B2B5 #D9BEC1 #E0CACC #E7D6D7 #EEE2E3

#C49B9F - #EEE2E3

Mezcla HSV

#C49B9F - #EEE2E3 | 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 #C49B9F como 0% y #EEE2E3 como 100%.

0.0%	0.0% #C49B9F	RGB 196 155 159	#C49B9F
16.7%	16.7% #CBA5A9	RGB 203 165 169	#CBA5A9
33.3%	33.3% #D2B1B4	RGB 210 177 180	#D2B1B4
50.0%	50.0% #D9BCBF	RGB 217 188 191	#D9BCBF
66.7%	66.7% #E0C8CA	RGB 224 200 202	#E0C8CA
83.3%	83.3% #E7D5D6	RGB 231 213 214	#E7D5D6
100.0%	100.0% #EEE2E3	RGB 238 226 227	#EEE2E3

#C49B9F #CBA5A9 #D2B1B4 #D9BCBF #E0C8CA #E7D5D6 #EEE2E3

#C49B9F - #D9BCBF - #EEE2E3

Códigos CSS

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

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