#D4CECE - #FFF5E6 | 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 #D4CECE a #FFF5E6

#D4CECE #FFF5E6

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

#D4CECE - #FFF5E6 | 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 #D4CECE como 0% y #FFF5E6 como 100%.

0.0%	0.0% #D4CECE	RGB 212 206 206	#D4CECE
16.7%	16.7% #DBD4D2	RGB 219 212 210	#DBD4D2
33.3%	33.3% #E2DBD6	RGB 226 219 214	#E2DBD6
50.0%	50.0% #E9E1DA	RGB 233 225 218	#E9E1DA
66.7%	66.7% #F0E8DE	RGB 240 232 222	#F0E8DE
83.3%	83.3% #F7EEE2	RGB 247 238 226	#F7EEE2
100.0%	100.0% #FFF5E6	RGB 255 245 230	#FFF5E6

#D4CECE #DBD4D2 #E2DBD6 #E9E1DA #F0E8DE #F7EEE2 #FFF5E6

#D4CECE - #FFF5E6

Mezcla HSV

#D4CECE - #FFF5E6 | 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 #D4CECE como 0% y #FFF5E6 como 100%.

0.0%	0.0% #D4CECE	RGB 212 206 206	#D4CECE
16.7%	16.7% #DBD3D2	RGB 219 211 210	#DBD3D2
33.3%	33.3% #E2D8D6	RGB 226 216 214	#E2D8D6
50.0%	50.0% #E9DFDA	RGB 233 223 218	#E9DFDA
66.7%	66.7% #F0E5DE	RGB 240 229 222	#F0E5DE
83.3%	83.3% #F7EDE2	RGB 247 237 226	#F7EDE2
100.0%	100.0% #FFF5E6	RGB 255 245 230	#FFF5E6

#D4CECE #DBD3D2 #E2D8D6 #E9DFDA #F0E5DE #F7EDE2 #FFF5E6

#D4CECE - #E9DFDA - #FFF5E6

Códigos CSS

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

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