#CECEB6 - #FFEDC5 | 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 #CECEB6 a #FFEDC5

#CECEB6 #FFEDC5

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

#CECEB6 - #FFEDC5 | 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 #CECEB6 como 0% y #FFEDC5 como 100%.

0.0%	0.0% #CECEB6	RGB 206 206 182	#CECEB6
16.7%	16.7% #D6D3B8	RGB 214 211 184	#D6D3B8
33.3%	33.3% #DED8BB	RGB 222 216 187	#DED8BB
50.0%	50.0% #E6DDBD	RGB 230 221 189	#E6DDBD
66.7%	66.7% #EEE2C0	RGB 238 226 192	#EEE2C0
83.3%	83.3% #F6E7C2	RGB 246 231 194	#F6E7C2
100.0%	100.0% #FFEDC5	RGB 255 237 197	#FFEDC5

#CECEB6 #D6D3B8 #DED8BB #E6DDBD #EEE2C0 #F6E7C2 #FFEDC5

#CECEB6 - #FFEDC5

Mezcla HSV

#CECEB6 - #FFEDC5 | 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 #CECEB6 como 0% y #FFEDC5 como 100%.

0.0%	0.0% #CECEB6	RGB 206 206 182	#CECEB6
16.7%	16.7% #D6D4B9	RGB 214 212 185	#D6D4B9
33.3%	33.3% #DEDABC	RGB 222 218 188	#DEDABC
50.0%	50.0% #E6E0BE	RGB 230 224 190	#E6E0BE
66.7%	66.7% #EEE5C1	RGB 238 229 193	#EEE5C1
83.3%	83.3% #F6E9C3	RGB 246 233 195	#F6E9C3
100.0%	100.0% #FFEDC5	RGB 255 237 197	#FFEDC5

#CECEB6 #D6D4B9 #DEDABC #E6E0BE #EEE5C1 #F6E9C3 #FFEDC5

#CECEB6 - #E6E0BE - #FFEDC5

Códigos CSS

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

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