#CEDBC7 - #ECE5EC | 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 #CEDBC7 a #ECE5EC

#CEDBC7 #ECE5EC

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

#CEDBC7 - #ECE5EC | 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 #CEDBC7 como 0% y #ECE5EC como 100%.

0.0%	0.0% #CEDBC7	RGB 206 219 199	#CEDBC7
16.7%	16.7% #D3DCCD	RGB 211 220 205	#D3DCCD
33.3%	33.3% #D8DED3	RGB 216 222 211	#D8DED3
50.0%	50.0% #DDE0D9	RGB 221 224 217	#DDE0D9
66.7%	66.7% #E2E1DF	RGB 226 225 223	#E2E1DF
83.3%	83.3% #E7E3E5	RGB 231 227 229	#E7E3E5
100.0%	100.0% #ECE5EC	RGB 236 229 236	#ECE5EC

#CEDBC7 #D3DCCD #D8DED3 #DDE0D9 #E2E1DF #E7E3E5 #ECE5EC

#CEDBC7 - #ECE5EC

Mezcla HSV

#CEDBC7 - #ECE5EC | 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 #CEDBC7 como 0% y #ECE5EC como 100%.

0.0%	0.0% #CEDBC7	RGB 206 219 199	#CEDBC7
16.7%	16.7% #DADDCB	RGB 218 221 203	#DADDCB
33.3%	33.3% #E0DCD0	RGB 224 220 208	#E0DCD0
50.0%	50.0% #E3DAD5	RGB 227 218 213	#E3DAD5
66.7%	66.7% #E6DADC	RGB 230 218 220	#E6DADC
83.3%	83.3% #E9DFE5	RGB 233 223 229	#E9DFE5
100.0%	100.0% #ECE5EC	RGB 236 229 236	#ECE5EC

#CEDBC7 #DADDCB #E0DCD0 #E3DAD5 #E6DADC #E9DFE5 #ECE5EC

#CEDBC7 - #E3DAD5 - #ECE5EC

Códigos CSS

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

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