#84AA5E - #D9A8A8 | 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 #84AA5E a #D9A8A8

#84AA5E #D9A8A8

Calcule el color entre dos colores, #84AA5E y #D9A8A8. 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)

#84AA5E - #D9A8A8 | 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 #84AA5E como 0% y #D9A8A8 como 100%.

0.0%	0.0% #84AA5E	RGB 132 170 94	#84AA5E
16.7%	16.7% #92A96A	RGB 146 169 106	#92A96A
33.3%	33.3% #A0A976	RGB 160 169 118	#A0A976
50.0%	50.0% #AEA983	RGB 174 169 131	#AEA983
66.7%	66.7% #BCA88F	RGB 188 168 143	#BCA88F
83.3%	83.3% #CAA89B	RGB 202 168 155	#CAA89B
100.0%	100.0% #D9A8A8	RGB 217 168 168	#D9A8A8

#84AA5E #92A96A #A0A976 #AEA983 #BCA88F #CAA89B #D9A8A8

#84AA5E - #D9A8A8

Mezcla HSV

#84AA5E - #D9A8A8 | 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 #84AA5E como 0% y #D9A8A8 como 100%.

0.0%	0.0% #84AA5E	RGB 132 170 94	#84AA5E
16.7%	16.7% #9FB168	RGB 159 177 104	#9FB168
33.3%	33.3% #B9B974	RGB 185 185 116	#B9B974
50.0%	50.0% #C1B180	RGB 193 177 128	#C1B180
66.7%	66.7% #C9AB8D	RGB 201 171 141	#C9AB8D
83.3%	83.3% #D1A79A	RGB 209 167 154	#D1A79A
100.0%	100.0% #D9A8A8	RGB 217 168 168	#D9A8A8

#84AA5E #9FB168 #B9B974 #C1B180 #C9AB8D #D1A79A #D9A8A8

#84AA5E - #C1B180 - #D9A8A8

Códigos CSS

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

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