#C9C5C2 - #FFEED5 | 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 #C9C5C2 a #FFEED5

#C9C5C2 #FFEED5

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

#C9C5C2 - #FFEED5 | 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 #C9C5C2 como 0% y #FFEED5 como 100%.

0.0%	0.0% #C9C5C2	RGB 201 197 194	#C9C5C2
16.7%	16.7% #D2CBC5	RGB 210 203 197	#D2CBC5
33.3%	33.3% #DBD2C8	RGB 219 210 200	#DBD2C8
50.0%	50.0% #E4D9CB	RGB 228 217 203	#E4D9CB
66.7%	66.7% #EDE0CE	RGB 237 224 206	#EDE0CE
83.3%	83.3% #F6E7D1	RGB 246 231 209	#F6E7D1
100.0%	100.0% #FFEED5	RGB 255 238 213	#FFEED5

#C9C5C2 #D2CBC5 #DBD2C8 #E4D9CB #EDE0CE #F6E7D1 #FFEED5

#C9C5C2 - #FFEED5

Mezcla HSV

#C9C5C2 - #FFEED5 | 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 #C9C5C2 como 0% y #FFEED5 como 100%.

0.0%	0.0% #C9C5C2	RGB 201 197 194	#C9C5C2
16.7%	16.7% #D2CBC6	RGB 210 203 198	#D2CBC6
33.3%	33.3% #DBD2C9	RGB 219 210 201	#DBD2C9
50.0%	50.0% #E4D8CD	RGB 228 216 205	#E4D8CD
66.7%	66.7% #EDDFD0	RGB 237 223 208	#EDDFD0
83.3%	83.3% #F6E6D2	RGB 246 230 210	#F6E6D2
100.0%	100.0% #FFEED5	RGB 255 238 213	#FFEED5

#C9C5C2 #D2CBC6 #DBD2C9 #E4D8CD #EDDFD0 #F6E6D2 #FFEED5

#C9C5C2 - #E4D8CD - #FFEED5

Códigos CSS

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

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