#3CAA3C - #C7E6C7 | 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 #3CAA3C a #C7E6C7

#3CAA3C #C7E6C7

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

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

0.0%	0.0% #3CAA3C	RGB 60 170 60	#3CAA3C
16.7%	16.7% #53B453	RGB 83 180 83	#53B453
33.3%	33.3% #6ABE6A	RGB 106 190 106	#6ABE6A
50.0%	50.0% #81C881	RGB 129 200 129	#81C881
66.7%	66.7% #98D298	RGB 152 210 152	#98D298
83.3%	83.3% #AFDCAF	RGB 175 220 175	#AFDCAF
100.0%	100.0% #C7E6C7	RGB 199 230 199	#C7E6C7

#3CAA3C #53B453 #6ABE6A #81C881 #98D298 #AFDCAF #C7E6C7

#3CAA3C - #C7E6C7

Mezcla HSV

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

0.0%	0.0% #3CAA3C	RGB 60 170 60	#3CAA3C
16.7%	16.7% #4EB44E	RGB 78 180 78	#4EB44E
33.3%	33.3% #63BE63	RGB 99 190 99	#63BE63
50.0%	50.0% #79C879	RGB 121 200 121	#79C879
66.7%	66.7% #91D291	RGB 145 210 145	#91D291
83.3%	83.3% #ABDCAB	RGB 171 220 171	#ABDCAB
100.0%	100.0% #C7E6C7	RGB 199 230 199	#C7E6C7

#3CAA3C #4EB44E #63BE63 #79C879 #91D291 #ABDCAB #C7E6C7

#3CAA3C - #79C879 - #C7E6C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CAA3C 0%, #79C879 50%, #C7E6C7 100%);
    background: -webkit-linear-gradient(top, #3CAA3C 0%, #79C879 50%, #C7E6C7 100%);
    background: linear-gradient(to bottom, #3CAA3C 0%, #79C879 50%, #C7E6C7 100%);
}
</style>