#606A5E - #B6CB84 | 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 #606A5E a #B6CB84

#606A5E #B6CB84

Calcule el color entre dos colores, #606A5E y #B6CB84. 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)

#606A5E - #B6CB84 | 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 #606A5E como 0% y #B6CB84 como 100%.

0.0%	0.0% #606A5E	RGB 96 106 94	#606A5E
16.7%	16.7% #6E7A64	RGB 110 122 100	#6E7A64
33.3%	33.3% #7C8A6A	RGB 124 138 106	#7C8A6A
50.0%	50.0% #8B9A71	RGB 139 154 113	#8B9A71
66.7%	66.7% #99AA77	RGB 153 170 119	#99AA77
83.3%	83.3% #A7BA7D	RGB 167 186 125	#A7BA7D
100.0%	100.0% #B6CB84	RGB 182 203 132	#B6CB84

#606A5E #6E7A64 #7C8A6A #8B9A71 #99AA77 #A7BA7D #B6CB84

#606A5E - #B6CB84

Mezcla HSV

#606A5E - #B6CB84 | 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 #606A5E como 0% y #B6CB84 como 100%.

0.0%	0.0% #606A5E	RGB 96 106 94	#606A5E
16.7%	16.7% #6C7A67	RGB 108 122 103	#6C7A67
33.3%	33.3% #788A6F	RGB 120 138 111	#788A6F
50.0%	50.0% #869A76	RGB 134 154 118	#869A76
66.7%	66.7% #94AA7C	RGB 148 170 124	#94AA7C
83.3%	83.3% #A4BA80	RGB 164 186 128	#A4BA80
100.0%	100.0% #B6CB84	RGB 182 203 132	#B6CB84

#606A5E #6C7A67 #788A6F #869A76 #94AA7C #A4BA80 #B6CB84

#606A5E - #869A76 - #B6CB84

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #606A5E 0%, #869A76 50%, #B6CB84 100%);
    background: -webkit-linear-gradient(top, #606A5E 0%, #869A76 50%, #B6CB84 100%);
    background: linear-gradient(to bottom, #606A5E 0%, #869A76 50%, #B6CB84 100%);
}
</style>