#CBA5B5 - #F0E5E9 | 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 #CBA5B5 a #F0E5E9

#CBA5B5 #F0E5E9

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

#CBA5B5 - #F0E5E9 | 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 #CBA5B5 como 0% y #F0E5E9 como 100%.

0.0%	0.0% #CBA5B5	RGB 203 165 181	#CBA5B5
16.7%	16.7% #D1AFBD	RGB 209 175 189	#D1AFBD
33.3%	33.3% #D7BAC6	RGB 215 186 198	#D7BAC6
50.0%	50.0% #DDC5CF	RGB 221 197 207	#DDC5CF
66.7%	66.7% #E3CFD7	RGB 227 207 215	#E3CFD7
83.3%	83.3% #E9DAE0	RGB 233 218 224	#E9DAE0
100.0%	100.0% #F0E5E9	RGB 240 229 233	#F0E5E9

#CBA5B5 #D1AFBD #D7BAC6 #DDC5CF #E3CFD7 #E9DAE0 #F0E5E9

#CBA5B5 - #F0E5E9

Mezcla HSV

#CBA5B5 - #F0E5E9 | 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 #CBA5B5 como 0% y #F0E5E9 como 100%.

0.0%	0.0% #CBA5B5	RGB 203 165 181	#CBA5B5
16.7%	16.7% #D1AEBD	RGB 209 174 189	#D1AEBD
33.3%	33.3% #D7B9C5	RGB 215 185 197	#D7B9C5
50.0%	50.0% #DDC3CD	RGB 221 195 205	#DDC3CD
66.7%	66.7% #E3CED6	RGB 227 206 214	#E3CED6
83.3%	83.3% #E9D9DF	RGB 233 217 223	#E9D9DF
100.0%	100.0% #F0E5E9	RGB 240 229 233	#F0E5E9

#CBA5B5 #D1AEBD #D7B9C5 #DDC3CD #E3CED6 #E9D9DF #F0E5E9

#CBA5B5 - #DDC3CD - #F0E5E9

Códigos CSS

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

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