#5E7E60 - #BBC17E | 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 #5E7E60 a #BBC17E

#5E7E60 #BBC17E

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

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

0.0%	0.0% #5E7E60	RGB 94 126 96	#5E7E60
16.7%	16.7% #6D8965	RGB 109 137 101	#6D8965
33.3%	33.3% #7D946A	RGB 125 148 106	#7D946A
50.0%	50.0% #8C9F6F	RGB 140 159 111	#8C9F6F
66.7%	66.7% #9CAA74	RGB 156 170 116	#9CAA74
83.3%	83.3% #ABB579	RGB 171 181 121	#ABB579
100.0%	100.0% #BBC17E	RGB 187 193 126	#BBC17E

#5E7E60 #6D8965 #7D946A #8C9F6F #9CAA74 #ABB579 #BBC17E

#5E7E60 - #BBC17E

Mezcla HSV

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

0.0%	0.0% #5E7E60	RGB 94 126 96	#5E7E60
16.7%	16.7% #678964	RGB 103 137 100	#678964
33.3%	33.3% #75946A	RGB 117 148 106	#75946A
50.0%	50.0% #839F6F	RGB 131 159 111	#839F6F
66.7%	66.7% #94AA74	RGB 148 170 116	#94AA74
83.3%	83.3% #A6B579	RGB 166 181 121	#A6B579
100.0%	100.0% #BBC17E	RGB 187 193 126	#BBC17E

#5E7E60 #678964 #75946A #839F6F #94AA74 #A6B579 #BBC17E

#5E7E60 - #839F6F - #BBC17E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E60 0%, #839F6F 50%, #BBC17E 100%);
    background: -webkit-linear-gradient(top, #5E7E60 0%, #839F6F 50%, #BBC17E 100%);
    background: linear-gradient(to bottom, #5E7E60 0%, #839F6F 50%, #BBC17E 100%);
}
</style>