#EFEFEB - #CAC4A3 | 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 #EFEFEB a #CAC4A3

#EFEFEB #CAC4A3

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

#EFEFEB - #CAC4A3 | 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 #EFEFEB como 0% y #CAC4A3 como 100%.

0.0%	0.0% #EFEFEB	RGB 239 239 235	#EFEFEB
16.7%	16.7% #E8E7DF	RGB 232 231 223	#E8E7DF
33.3%	33.3% #E2E0D3	RGB 226 224 211	#E2E0D3
50.0%	50.0% #DCD9C7	RGB 220 217 199	#DCD9C7
66.7%	66.7% #D6D2BB	RGB 214 210 187	#D6D2BB
83.3%	83.3% #D0CBAF	RGB 208 203 175	#D0CBAF
100.0%	100.0% #CAC4A3	RGB 202 196 163	#CAC4A3

#EFEFEB #E8E7DF #E2E0D3 #DCD9C7 #D6D2BB #D0CBAF #CAC4A3

#EFEFEB - #CAC4A3

Mezcla HSV

#EFEFEB - #CAC4A3 | 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 #EFEFEB como 0% y #CAC4A3 como 100%.

0.0%	0.0% #EFEFEB	RGB 239 239 235	#EFEFEB
16.7%	16.7% #E8E8DE	RGB 232 232 222	#E8E8DE
33.3%	33.3% #E2E1D1	RGB 226 225 209	#E2E1D1
50.0%	50.0% #DCDAC5	RGB 220 218 197	#DCDAC5
66.7%	66.7% #D6D3B9	RGB 214 211 185	#D6D3B9
83.3%	83.3% #D0CBAE	RGB 208 203 174	#D0CBAE
100.0%	100.0% #CAC4A3	RGB 202 196 163	#CAC4A3

#EFEFEB #E8E8DE #E2E1D1 #DCDAC5 #D6D3B9 #D0CBAE #CAC4A3

#EFEFEB - #DCDAC5 - #CAC4A3

Códigos CSS

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

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