#CBA5AF - #F0E5E8 | 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 #CBA5AF a #F0E5E8

#CBA5AF #F0E5E8

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

#CBA5AF - #F0E5E8 | 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 #CBA5AF como 0% y #F0E5E8 como 100%.

0.0%	0.0% #CBA5AF	RGB 203 165 175	#CBA5AF
16.7%	16.7% #D1AFB8	RGB 209 175 184	#D1AFB8
33.3%	33.3% #D7BAC2	RGB 215 186 194	#D7BAC2
50.0%	50.0% #DDC5CB	RGB 221 197 203	#DDC5CB
66.7%	66.7% #E3CFD5	RGB 227 207 213	#E3CFD5
83.3%	83.3% #E9DADE	RGB 233 218 222	#E9DADE
100.0%	100.0% #F0E5E8	RGB 240 229 232	#F0E5E8

#CBA5AF #D1AFB8 #D7BAC2 #DDC5CB #E3CFD5 #E9DADE #F0E5E8

#CBA5AF - #F0E5E8

Mezcla HSV

#CBA5AF - #F0E5E8 | 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 #CBA5AF como 0% y #F0E5E8 como 100%.

0.0%	0.0% #CBA5AF	RGB 203 165 175	#CBA5AF
16.7%	16.7% #D1AEB8	RGB 209 174 184	#D1AEB8
33.3%	33.3% #D7B9C1	RGB 215 185 193	#D7B9C1
50.0%	50.0% #DDC3CA	RGB 221 195 202	#DDC3CA
66.7%	66.7% #E3CED4	RGB 227 206 212	#E3CED4
83.3%	83.3% #E9D9DE	RGB 233 217 222	#E9D9DE
100.0%	100.0% #F0E5E8	RGB 240 229 232	#F0E5E8

#CBA5AF #D1AEB8 #D7B9C1 #DDC3CA #E3CED4 #E9D9DE #F0E5E8

#CBA5AF - #DDC3CA - #F0E5E8

Códigos CSS

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

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