#D6CECE - #FFF6E6 | 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 #D6CECE a #FFF6E6

#D6CECE #FFF6E6

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

#D6CECE - #FFF6E6 | 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 #D6CECE como 0% y #FFF6E6 como 100%.

0.0%	0.0% #D6CECE	RGB 214 206 206	#D6CECE
16.7%	16.7% #DCD4D2	RGB 220 212 210	#DCD4D2
33.3%	33.3% #E3DBD6	RGB 227 219 214	#E3DBD6
50.0%	50.0% #EAE2DA	RGB 234 226 218	#EAE2DA
66.7%	66.7% #F1E8DE	RGB 241 232 222	#F1E8DE
83.3%	83.3% #F8EFE2	RGB 248 239 226	#F8EFE2
100.0%	100.0% #FFF6E6	RGB 255 246 230	#FFF6E6

#D6CECE #DCD4D2 #E3DBD6 #EAE2DA #F1E8DE #F8EFE2 #FFF6E6

#D6CECE - #FFF6E6

Mezcla HSV

#D6CECE - #FFF6E6 | 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 #D6CECE como 0% y #FFF6E6 como 100%.

0.0%	0.0% #D6CECE	RGB 214 206 206	#D6CECE
16.7%	16.7% #DCD3D2	RGB 220 211 210	#DCD3D2
33.3%	33.3% #E3D9D6	RGB 227 217 214	#E3D9D6
50.0%	50.0% #EADFDA	RGB 234 223 218	#EADFDA
66.7%	66.7% #F1E6DE	RGB 241 230 222	#F1E6DE
83.3%	83.3% #F8EDE2	RGB 248 237 226	#F8EDE2
100.0%	100.0% #FFF6E6	RGB 255 246 230	#FFF6E6

#D6CECE #DCD3D2 #E3D9D6 #EADFDA #F1E6DE #F8EDE2 #FFF6E6

#D6CECE - #EADFDA - #FFF6E6

Códigos CSS

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

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