#CDC0C7 - #F0EDEE | 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 #CDC0C7 a #F0EDEE

#CDC0C7 #F0EDEE

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

#CDC0C7 - #F0EDEE | 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 #CDC0C7 como 0% y #F0EDEE como 100%.

0.0%	0.0% #CDC0C7	RGB 205 192 199	#CDC0C7
16.7%	16.7% #D2C7CD	RGB 210 199 205	#D2C7CD
33.3%	33.3% #D8CFD4	RGB 216 207 212	#D8CFD4
50.0%	50.0% #DED6DA	RGB 222 214 218	#DED6DA
66.7%	66.7% #E4DEE1	RGB 228 222 225	#E4DEE1
83.3%	83.3% #EAE5E7	RGB 234 229 231	#EAE5E7
100.0%	100.0% #F0EDEE	RGB 240 237 238	#F0EDEE

#CDC0C7 #D2C7CD #D8CFD4 #DED6DA #E4DEE1 #EAE5E7 #F0EDEE

#CDC0C7 - #F0EDEE

Mezcla HSV

#CDC0C7 - #F0EDEE | 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 #CDC0C7 como 0% y #F0EDEE como 100%.

0.0%	0.0% #CDC0C7	RGB 205 192 199	#CDC0C7
16.7%	16.7% #D2C7CD	RGB 210 199 205	#D2C7CD
33.3%	33.3% #D8CED3	RGB 216 206 211	#D8CED3
50.0%	50.0% #DED6D9	RGB 222 214 217	#DED6D9
66.7%	66.7% #E4DDE0	RGB 228 221 224	#E4DDE0
83.3%	83.3% #EAE5E7	RGB 234 229 231	#EAE5E7
100.0%	100.0% #F0EDEE	RGB 240 237 238	#F0EDEE

#CDC0C7 #D2C7CD #D8CED3 #DED6D9 #E4DDE0 #EAE5E7 #F0EDEE

#CDC0C7 - #DED6D9 - #F0EDEE

Códigos CSS

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

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