#DEC3C3 - #FFF5E1 | 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 #DEC3C3 a #FFF5E1

#DEC3C3 #FFF5E1

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

#DEC3C3 - #FFF5E1 | 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 #DEC3C3 como 0% y #FFF5E1 como 100%.

0.0%	0.0% #DEC3C3	RGB 222 195 195	#DEC3C3
16.7%	16.7% #E3CBC8	RGB 227 203 200	#E3CBC8
33.3%	33.3% #E9D3CD	RGB 233 211 205	#E9D3CD
50.0%	50.0% #EEDCD2	RGB 238 220 210	#EEDCD2
66.7%	66.7% #F4E4D7	RGB 244 228 215	#F4E4D7
83.3%	83.3% #F9ECDC	RGB 249 236 220	#F9ECDC
100.0%	100.0% #FFF5E1	RGB 255 245 225	#FFF5E1

#DEC3C3 #E3CBC8 #E9D3CD #EEDCD2 #F4E4D7 #F9ECDC #FFF5E1

#DEC3C3 - #FFF5E1

Mezcla HSV

#DEC3C3 - #FFF5E1 | 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 #DEC3C3 como 0% y #FFF5E1 como 100%.

0.0%	0.0% #DEC3C3	RGB 222 195 195	#DEC3C3
16.7%	16.7% #E3CBC7	RGB 227 203 199	#E3CBC7
33.3%	33.3% #E9D3CC	RGB 233 211 204	#E9D3CC
50.0%	50.0% #EEDBD1	RGB 238 219 209	#EEDBD1
66.7%	66.7% #F4E3D6	RGB 244 227 214	#F4E3D6
83.3%	83.3% #F9ECDB	RGB 249 236 219	#F9ECDB
100.0%	100.0% #FFF5E1	RGB 255 245 225	#FFF5E1

#DEC3C3 #E3CBC7 #E9D3CC #EEDBD1 #F4E3D6 #F9ECDB #FFF5E1

#DEC3C3 - #EEDBD1 - #FFF5E1

Códigos CSS

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

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