#B88F52 - #EADFCD | 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 #B88F52 a #EADFCD

#B88F52 #EADFCD

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

#B88F52 - #EADFCD | 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 #B88F52 como 0% y #EADFCD como 100%.

0.0%	0.0% #B88F52	RGB 184 143 82	#B88F52
16.7%	16.7% #C09C66	RGB 192 156 102	#C09C66
33.3%	33.3% #C8A97B	RGB 200 169 123	#C8A97B
50.0%	50.0% #D1B78F	RGB 209 183 143	#D1B78F
66.7%	66.7% #D9C4A4	RGB 217 196 164	#D9C4A4
83.3%	83.3% #E1D1B8	RGB 225 209 184	#E1D1B8
100.0%	100.0% #EADFCD	RGB 234 223 205	#EADFCD

#B88F52 #C09C66 #C8A97B #D1B78F #D9C4A4 #E1D1B8 #EADFCD

#B88F52 - #EADFCD

Mezcla HSV

#B88F52 - #EADFCD | 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 #B88F52 como 0% y #EADFCD como 100%.

0.0%	0.0% #B88F52	RGB 184 143 82	#B88F52
16.7%	16.7% #C09B63	RGB 192 155 99	#C09B63
33.3%	33.3% #C8A876	RGB 200 168 118	#C8A876
50.0%	50.0% #D1B58A	RGB 209 181 138	#D1B58A
66.7%	66.7% #D9C29F	RGB 217 194 159	#D9C29F
83.3%	83.3% #E1D0B5	RGB 225 208 181	#E1D0B5
100.0%	100.0% #EADFCD	RGB 234 223 205	#EADFCD

#B88F52 #C09B63 #C8A876 #D1B58A #D9C29F #E1D0B5 #EADFCD

#B88F52 - #D1B58A - #EADFCD

Códigos CSS

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

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