#DDCCC8 - #FFF5E2 | 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 #DDCCC8 a #FFF5E2

#DDCCC8 #FFF5E2

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

#DDCCC8 - #FFF5E2 | 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 #DDCCC8 como 0% y #FFF5E2 como 100%.

0.0%	0.0% #DDCCC8	RGB 221 204 200	#DDCCC8
16.7%	16.7% #E2D2CC	RGB 226 210 204	#E2D2CC
33.3%	33.3% #E8D9D0	RGB 232 217 208	#E8D9D0
50.0%	50.0% #EEE0D5	RGB 238 224 213	#EEE0D5
66.7%	66.7% #F3E7D9	RGB 243 231 217	#F3E7D9
83.3%	83.3% #F9EEDD	RGB 249 238 221	#F9EEDD
100.0%	100.0% #FFF5E2	RGB 255 245 226	#FFF5E2

#DDCCC8 #E2D2CC #E8D9D0 #EEE0D5 #F3E7D9 #F9EEDD #FFF5E2

#DDCCC8 - #FFF5E2

Mezcla HSV

#DDCCC8 - #FFF5E2 | 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 #DDCCC8 como 0% y #FFF5E2 como 100%.

0.0%	0.0% #DDCCC8	RGB 221 204 200	#DDCCC8
16.7%	16.7% #E2D2CC	RGB 226 210 204	#E2D2CC
33.3%	33.3% #E8D8D0	RGB 232 216 208	#E8D8D0
50.0%	50.0% #EEDFD5	RGB 238 223 213	#EEDFD5
66.7%	66.7% #F3E6D9	RGB 243 230 217	#F3E6D9
83.3%	83.3% #F9EDDD	RGB 249 237 221	#F9EDDD
100.0%	100.0% #FFF5E2	RGB 255 245 226	#FFF5E2

#DDCCC8 #E2D2CC #E8D8D0 #EEDFD5 #F3E6D9 #F9EDDD #FFF5E2

#DDCCC8 - #EEDFD5 - #FFF5E2

Códigos CSS

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

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