#CECCCA - #FFE0D3 | 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 #CECCCA a #FFE0D3

#CECCCA #FFE0D3

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

#CECCCA - #FFE0D3 | 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 #CECCCA como 0% y #FFE0D3 como 100%.

0.0%	0.0% #CECCCA	RGB 206 204 202	#CECCCA
16.7%	16.7% #D6CFCB	RGB 214 207 203	#D6CFCB
33.3%	33.3% #DED2CD	RGB 222 210 205	#DED2CD
50.0%	50.0% #E6D6CE	RGB 230 214 206	#E6D6CE
66.7%	66.7% #EED9D0	RGB 238 217 208	#EED9D0
83.3%	83.3% #F6DCD1	RGB 246 220 209	#F6DCD1
100.0%	100.0% #FFE0D3	RGB 255 224 211	#FFE0D3

#CECCCA #D6CFCB #DED2CD #E6D6CE #EED9D0 #F6DCD1 #FFE0D3

#CECCCA - #FFE0D3

Mezcla HSV

#CECCCA - #FFE0D3 | 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 #CECCCA como 0% y #FFE0D3 como 100%.

0.0%	0.0% #CECCCA	RGB 206 204 202	#CECCCA
16.7%	16.7% #D6D1CC	RGB 214 209 204	#D6D1CC
33.3%	33.3% #DED5CE	RGB 222 213 206	#DED5CE
50.0%	50.0% #E6D9D0	RGB 230 217 208	#E6D9D0
66.7%	66.7% #EEDCD1	RGB 238 220 209	#EEDCD1
83.3%	83.3% #F6DED2	RGB 246 222 210	#F6DED2
100.0%	100.0% #FFE0D3	RGB 255 224 211	#FFE0D3

#CECCCA #D6D1CC #DED5CE #E6D9D0 #EEDCD1 #F6DED2 #FFE0D3

#CECCCA - #E6D9D0 - #FFE0D3

Códigos CSS

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

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