#EEECE6 - #CFBB9C | 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 #EEECE6 a #CFBB9C

#EEECE6 #CFBB9C

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

#EEECE6 - #CFBB9C | 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 #EEECE6 como 0% y #CFBB9C como 100%.

0.0%	0.0% #EEECE6	RGB 238 236 230	#EEECE6
16.7%	16.7% #E8E3D9	RGB 232 227 217	#E8E3D9
33.3%	33.3% #E3DBCD	RGB 227 219 205	#E3DBCD
50.0%	50.0% #DED3C1	RGB 222 211 193	#DED3C1
66.7%	66.7% #D9CBB4	RGB 217 203 180	#D9CBB4
83.3%	83.3% #D4C3A8	RGB 212 195 168	#D4C3A8
100.0%	100.0% #CFBB9C	RGB 207 187 156	#CFBB9C

#EEECE6 #E8E3D9 #E3DBCD #DED3C1 #D9CBB4 #D4C3A8 #CFBB9C

#EEECE6 - #CFBB9C

Mezcla HSV

#EEECE6 - #CFBB9C | 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 #EEECE6 como 0% y #CFBB9C como 100%.

0.0%	0.0% #EEECE6	RGB 238 236 230	#EEECE6
16.7%	16.7% #E8E4D8	RGB 232 228 216	#E8E4D8
33.3%	33.3% #E3DCCB	RGB 227 220 203	#E3DCCB
50.0%	50.0% #DED4BF	RGB 222 212 191	#DED4BF
66.7%	66.7% #D9CCB3	RGB 217 204 179	#D9CCB3
83.3%	83.3% #D4C3A7	RGB 212 195 167	#D4C3A7
100.0%	100.0% #CFBB9C	RGB 207 187 156	#CFBB9C

#EEECE6 #E8E4D8 #E3DCCB #DED4BF #D9CCB3 #D4C3A7 #CFBB9C

#EEECE6 - #DED4BF - #CFBB9C

Códigos CSS

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

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