#3C7E3E - #BBCB69 | 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 #3C7E3E a #BBCB69

#3C7E3E #BBCB69

Calcule el color entre dos colores, #3C7E3E y #BBCB69. 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)

#3C7E3E - #BBCB69 | 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 #3C7E3E como 0% y #BBCB69 como 100%.

0.0%	0.0% #3C7E3E	RGB 60 126 62	#3C7E3E
16.7%	16.7% #518A45	RGB 81 138 69	#518A45
33.3%	33.3% #66974C	RGB 102 151 76	#66974C
50.0%	50.0% #7BA453	RGB 123 164 83	#7BA453
66.7%	66.7% #90B15A	RGB 144 177 90	#90B15A
83.3%	83.3% #A5BE61	RGB 165 190 97	#A5BE61
100.0%	100.0% #BBCB69	RGB 187 203 105	#BBCB69

#3C7E3E #518A45 #66974C #7BA453 #90B15A #A5BE61 #BBCB69

#3C7E3E - #BBCB69

Mezcla HSV

#3C7E3E - #BBCB69 | 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 #3C7E3E como 0% y #BBCB69 como 100%.

0.0%	0.0% #3C7E3E	RGB 60 126 62	#3C7E3E
16.7%	16.7% #4B8A43	RGB 75 138 67	#4B8A43
33.3%	33.3% #5E974A	RGB 94 151 74	#5E974A
50.0%	50.0% #73A451	RGB 115 164 81	#73A451
66.7%	66.7% #89B159	RGB 137 177 89	#89B159
83.3%	83.3% #A1BE61	RGB 161 190 97	#A1BE61
100.0%	100.0% #BBCB69	RGB 187 203 105	#BBCB69

#3C7E3E #4B8A43 #5E974A #73A451 #89B159 #A1BE61 #BBCB69

#3C7E3E - #73A451 - #BBCB69

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7E3E 0%, #73A451 50%, #BBCB69 100%);
    background: -webkit-linear-gradient(top, #3C7E3E 0%, #73A451 50%, #BBCB69 100%);
    background: linear-gradient(to bottom, #3C7E3E 0%, #73A451 50%, #BBCB69 100%);
}
</style>