#C7B5A8 - #EFE9E6 | 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 #C7B5A8 a #EFE9E6

#C7B5A8 #EFE9E6

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

#C7B5A8 - #EFE9E6 | 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 #C7B5A8 como 0% y #EFE9E6 como 100%.

0.0%	0.0% #C7B5A8	RGB 199 181 168	#C7B5A8
16.7%	16.7% #CDBDB2	RGB 205 189 178	#CDBDB2
33.3%	33.3% #D4C6BC	RGB 212 198 188	#D4C6BC
50.0%	50.0% #DBCFC7	RGB 219 207 199	#DBCFC7
66.7%	66.7% #E1D7D1	RGB 225 215 209	#E1D7D1
83.3%	83.3% #E8E0DB	RGB 232 224 219	#E8E0DB
100.0%	100.0% #EFE9E6	RGB 239 233 230	#EFE9E6

#C7B5A8 #CDBDB2 #D4C6BC #DBCFC7 #E1D7D1 #E8E0DB #EFE9E6

#C7B5A8 - #EFE9E6

Mezcla HSV

#C7B5A8 - #EFE9E6 | 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 #C7B5A8 como 0% y #EFE9E6 como 100%.

0.0%	0.0% #C7B5A8	RGB 199 181 168	#C7B5A8
16.7%	16.7% #CDBDB1	RGB 205 189 177	#CDBDB1
33.3%	33.3% #D4C5BB	RGB 212 197 187	#D4C5BB
50.0%	50.0% #DBCDC5	RGB 219 205 197	#DBCDC5
66.7%	66.7% #E1D6D0	RGB 225 214 208	#E1D6D0
83.3%	83.3% #E8DFDB	RGB 232 223 219	#E8DFDB
100.0%	100.0% #EFE9E6	RGB 239 233 230	#EFE9E6

#C7B5A8 #CDBDB1 #D4C5BB #DBCDC5 #E1D6D0 #E8DFDB #EFE9E6

#C7B5A8 - #DBCDC5 - #EFE9E6

Códigos CSS

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

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