#487B7B - #A1BE8D | 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 #487B7B a #A1BE8D

#487B7B #A1BE8D

Calcule el color entre dos colores, #487B7B y #A1BE8D. 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)

#487B7B - #A1BE8D | 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 #487B7B como 0% y #A1BE8D como 100%.

0.0%	0.0% #487B7B	RGB 72 123 123	#487B7B
16.7%	16.7% #56867E	RGB 86 134 126	#56867E
33.3%	33.3% #659181	RGB 101 145 129	#659181
50.0%	50.0% #749C84	RGB 116 156 132	#749C84
66.7%	66.7% #83A787	RGB 131 167 135	#83A787
83.3%	83.3% #92B28A	RGB 146 178 138	#92B28A
100.0%	100.0% #A1BE8D	RGB 161 190 141	#A1BE8D

#487B7B #56867E #659181 #749C84 #83A787 #92B28A #A1BE8D

#487B7B - #A1BE8D

Mezcla HSV

#487B7B - #A1BE8D | 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 #487B7B como 0% y #A1BE8D como 100%.

0.0%	0.0% #487B7B	RGB 72 123 123	#487B7B
16.7%	16.7% #528679	RGB 82 134 121	#528679
33.3%	33.3% #5C9178	RGB 92 145 120	#5C9178
50.0%	50.0% #679C77	RGB 103 156 119	#679C77
66.7%	66.7% #73A776	RGB 115 167 118	#73A776
83.3%	83.3% #88B280	RGB 136 178 128	#88B280
100.0%	100.0% #A1BE8D	RGB 161 190 141	#A1BE8D

#487B7B #528679 #5C9178 #679C77 #73A776 #88B280 #A1BE8D

#487B7B - #679C77 - #A1BE8D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #487B7B 0%, #679C77 50%, #A1BE8D 100%);
    background: -webkit-linear-gradient(top, #487B7B 0%, #679C77 50%, #A1BE8D 100%);
    background: linear-gradient(to bottom, #487B7B 0%, #679C77 50%, #A1BE8D 100%);
}
</style>