#C47089 - #EED6DD | 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 #C47089 a #EED6DD

#C47089 #EED6DD

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

#C47089 - #EED6DD | 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 #C47089 como 0% y #EED6DD como 100%.

0.0%	0.0% #C47089	RGB 196 112 137	#C47089
16.7%	16.7% #CB8197	RGB 203 129 151	#CB8197
33.3%	33.3% #D292A5	RGB 210 146 165	#D292A5
50.0%	50.0% #D9A3B3	RGB 217 163 179	#D9A3B3
66.7%	66.7% #E0B4C1	RGB 224 180 193	#E0B4C1
83.3%	83.3% #E7C5CF	RGB 231 197 207	#E7C5CF
100.0%	100.0% #EED6DD	RGB 238 214 221	#EED6DD

#C47089 #CB8197 #D292A5 #D9A3B3 #E0B4C1 #E7C5CF #EED6DD

#C47089 - #EED6DD

Mezcla HSV

#C47089 - #EED6DD | 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 #C47089 como 0% y #EED6DD como 100%.

0.0%	0.0% #C47089	RGB 196 112 137	#C47089
16.7%	16.7% #CB7F95	RGB 203 127 149	#CB7F95
33.3%	33.3% #D28EA2	RGB 210 142 162	#D28EA2
50.0%	50.0% #D99FB0	RGB 217 159 176	#D99FB0
66.7%	66.7% #E0B0BE	RGB 224 176 190	#E0B0BE
83.3%	83.3% #E7C3CD	RGB 231 195 205	#E7C3CD
100.0%	100.0% #EED6DD	RGB 238 214 221	#EED6DD

#C47089 #CB7F95 #D28EA2 #D99FB0 #E0B0BE #E7C3CD #EED6DD

#C47089 - #D99FB0 - #EED6DD

Códigos CSS

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

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