#CDC0C1 - #FFEBCE | 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 #CDC0C1 a #FFEBCE

#CDC0C1 #FFEBCE

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

#CDC0C1 - #FFEBCE | 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 #CDC0C1 como 0% y #FFEBCE como 100%.

0.0%	0.0% #CDC0C1	RGB 205 192 193	#CDC0C1
16.7%	16.7% #D5C7C3	RGB 213 199 195	#D5C7C3
33.3%	33.3% #DDCEC5	RGB 221 206 197	#DDCEC5
50.0%	50.0% #E6D5C7	RGB 230 213 199	#E6D5C7
66.7%	66.7% #EEDCC9	RGB 238 220 201	#EEDCC9
83.3%	83.3% #F6E3CB	RGB 246 227 203	#F6E3CB
100.0%	100.0% #FFEBCE	RGB 255 235 206	#FFEBCE

#CDC0C1 #D5C7C3 #DDCEC5 #E6D5C7 #EEDCC9 #F6E3CB #FFEBCE

#CDC0C1 - #FFEBCE

Mezcla HSV

#CDC0C1 - #FFEBCE | 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 #CDC0C1 como 0% y #FFEBCE como 100%.

0.0%	0.0% #CDC0C1	RGB 205 192 193	#CDC0C1
16.7%	16.7% #D5C3C3	RGB 213 195 195	#D5C3C3
33.3%	33.3% #DDC9C6	RGB 221 201 198	#DDC9C6
50.0%	50.0% #E6D0C8	RGB 230 208 200	#E6D0C8
66.7%	66.7% #EED7CA	RGB 238 215 202	#EED7CA
83.3%	83.3% #F6E0CC	RGB 246 224 204	#F6E0CC
100.0%	100.0% #FFEBCE	RGB 255 235 206	#FFEBCE

#CDC0C1 #D5C3C3 #DDC9C6 #E6D0C8 #EED7CA #F6E0CC #FFEBCE

#CDC0C1 - #E6D0C8 - #FFEBCE

Códigos CSS

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

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