#5E7E6E - #B4D37B | 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 #5E7E6E a #B4D37B

#5E7E6E #B4D37B

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

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

0.0%	0.0% #5E7E6E	RGB 94 126 110	#5E7E6E
16.7%	16.7% #6C8C70	RGB 108 140 112	#6C8C70
33.3%	33.3% #7A9A72	RGB 122 154 114	#7A9A72
50.0%	50.0% #89A874	RGB 137 168 116	#89A874
66.7%	66.7% #97B676	RGB 151 182 118	#97B676
83.3%	83.3% #A5C478	RGB 165 196 120	#A5C478
100.0%	100.0% #B4D37B	RGB 180 211 123	#B4D37B

#5E7E6E #6C8C70 #7A9A72 #89A874 #97B676 #A5C478 #B4D37B

#5E7E6E - #B4D37B

Mezcla HSV

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

0.0%	0.0% #5E7E6E	RGB 94 126 110	#5E7E6E
16.7%	16.7% #648C70	RGB 100 140 112	#648C70
33.3%	33.3% #6A9A70	RGB 106 154 112	#6A9A70
50.0%	50.0% #74A86F	RGB 116 168 111	#74A86F
66.7%	66.7% #85B674	RGB 133 182 116	#85B674
83.3%	83.3% #9BC478	RGB 155 196 120	#9BC478
100.0%	100.0% #B4D37B	RGB 180 211 123	#B4D37B

#5E7E6E #648C70 #6A9A70 #74A86F #85B674 #9BC478 #B4D37B

#5E7E6E - #74A86F - #B4D37B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E6E 0%, #74A86F 50%, #B4D37B 100%);
    background: -webkit-linear-gradient(top, #5E7E6E 0%, #74A86F 50%, #B4D37B 100%);
    background: linear-gradient(to bottom, #5E7E6E 0%, #74A86F 50%, #B4D37B 100%);
}
</style>