#B89489 - #FFD7A8 | 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 #B89489 a #FFD7A8

#B89489 #FFD7A8

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

#B89489 - #FFD7A8 | 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 #B89489 como 0% y #FFD7A8 como 100%.

0.0%	0.0% #B89489	RGB 184 148 137	#B89489
16.7%	16.7% #C39F8E	RGB 195 159 142	#C39F8E
33.3%	33.3% #CFAA93	RGB 207 170 147	#CFAA93
50.0%	50.0% #DBB598	RGB 219 181 152	#DBB598
66.7%	66.7% #E7C09D	RGB 231 192 157	#E7C09D
83.3%	83.3% #F3CBA2	RGB 243 203 162	#F3CBA2
100.0%	100.0% #FFD7A8	RGB 255 215 168	#FFD7A8

#B89489 #C39F8E #CFAA93 #DBB598 #E7C09D #F3CBA2 #FFD7A8

#B89489 - #FFD7A8

Mezcla HSV

#B89489 - #FFD7A8 | 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 #B89489 como 0% y #FFD7A8 como 100%.

0.0%	0.0% #B89489	RGB 184 148 137	#B89489
16.7%	16.7% #C39E8F	RGB 195 158 143	#C39E8F
33.3%	33.3% #CFA894	RGB 207 168 148	#CFA894
50.0%	50.0% #DBB39A	RGB 219 179 154	#DBB39A
66.7%	66.7% #E7BE9F	RGB 231 190 159	#E7BE9F
83.3%	83.3% #F3CAA3	RGB 243 202 163	#F3CAA3
100.0%	100.0% #FFD7A8	RGB 255 215 168	#FFD7A8

#B89489 #C39E8F #CFA894 #DBB39A #E7BE9F #F3CAA3 #FFD7A8

#B89489 - #DBB39A - #FFD7A8

Códigos CSS

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

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