#3CB362 - #C7E9D2 | 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 #3CB362 a #C7E9D2

#3CB362 #C7E9D2

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

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

0.0%	0.0% #3CB362	RGB 60 179 98	#3CB362
16.7%	16.7% #53BC74	RGB 83 188 116	#53BC74
33.3%	33.3% #6AC587	RGB 106 197 135	#6AC587
50.0%	50.0% #81CE9A	RGB 129 206 154	#81CE9A
66.7%	66.7% #98D7AC	RGB 152 215 172	#98D7AC
83.3%	83.3% #AFE0BF	RGB 175 224 191	#AFE0BF
100.0%	100.0% #C7E9D2	RGB 199 233 210	#C7E9D2

#3CB362 #53BC74 #6AC587 #81CE9A #98D7AC #AFE0BF #C7E9D2

#3CB362 - #C7E9D2

Mezcla HSV

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

0.0%	0.0% #3CB362	RGB 60 179 98	#3CB362
16.7%	16.7% #4FBC72	RGB 79 188 114	#4FBC72
33.3%	33.3% #64C583	RGB 100 197 131	#64C583
50.0%	50.0% #7ACE95	RGB 122 206 149	#7ACE95
66.7%	66.7% #92D7A8	RGB 146 215 168	#92D7A8
83.3%	83.3% #ABE0BC	RGB 171 224 188	#ABE0BC
100.0%	100.0% #C7E9D2	RGB 199 233 210	#C7E9D2

#3CB362 #4FBC72 #64C583 #7ACE95 #92D7A8 #ABE0BC #C7E9D2

#3CB362 - #7ACE95 - #C7E9D2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CB362 0%, #7ACE95 50%, #C7E9D2 100%);
    background: -webkit-linear-gradient(top, #3CB362 0%, #7ACE95 50%, #C7E9D2 100%);
    background: linear-gradient(to bottom, #3CB362 0%, #7ACE95 50%, #C7E9D2 100%);
}
</style>