#5E8C80 - #B8C890 | 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 #5E8C80 a #B8C890

#5E8C80 #B8C890

Calcule el color entre dos colores, #5E8C80 y #B8C890. 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)

#5E8C80 - #B8C890 | 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 #5E8C80 como 0% y #B8C890 como 100%.

0.0%	0.0% #5E8C80	RGB 94 140 128	#5E8C80
16.7%	16.7% #6D9682	RGB 109 150 130	#6D9682
33.3%	33.3% #7CA085	RGB 124 160 133	#7CA085
50.0%	50.0% #8BAA88	RGB 139 170 136	#8BAA88
66.7%	66.7% #9AB48A	RGB 154 180 138	#9AB48A
83.3%	83.3% #A9BE8D	RGB 169 190 141	#A9BE8D
100.0%	100.0% #B8C890	RGB 184 200 144	#B8C890

#5E8C80 #6D9682 #7CA085 #8BAA88 #9AB48A #A9BE8D #B8C890

#5E8C80 - #B8C890

Mezcla HSV

#5E8C80 - #B8C890 | 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 #5E8C80 como 0% y #B8C890 como 100%.

0.0%	0.0% #5E8C80	RGB 94 140 128	#5E8C80
16.7%	16.7% #65967D	RGB 101 150 125	#65967D
33.3%	33.3% #6EA07A	RGB 110 160 122	#6EA07A
50.0%	50.0% #76AA76	RGB 118 170 118	#76AA76
66.7%	66.7% #8AB47E	RGB 138 180 126	#8AB47E
83.3%	83.3% #A1BE87	RGB 161 190 135	#A1BE87
100.0%	100.0% #B8C890	RGB 184 200 144	#B8C890

#5E8C80 #65967D #6EA07A #76AA76 #8AB47E #A1BE87 #B8C890

#5E8C80 - #76AA76 - #B8C890

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C80 0%, #76AA76 50%, #B8C890 100%);
    background: -webkit-linear-gradient(top, #5E8C80 0%, #76AA76 50%, #B8C890 100%);
    background: linear-gradient(to bottom, #5E8C80 0%, #76AA76 50%, #B8C890 100%);
}
</style>