#94DCA1 - #3DA86D | 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 #94DCA1 a #3DA86D

#94DCA1 #3DA86D

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

#94DCA1 - #3DA86D | 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 #94DCA1 como 0% y #3DA86D como 100%.

0.0%	0.0% #94DCA1	RGB 148 220 161	#94DCA1
16.7%	16.7% #85D398	RGB 133 211 152	#85D398
33.3%	33.3% #77CA8F	RGB 119 202 143	#77CA8F
50.0%	50.0% #68C287	RGB 104 194 135	#68C287
66.7%	66.7% #5AB97E	RGB 90 185 126	#5AB97E
83.3%	83.3% #4BB075	RGB 75 176 117	#4BB075
100.0%	100.0% #3DA86D	RGB 61 168 109	#3DA86D

#94DCA1 #85D398 #77CA8F #68C287 #5AB97E #4BB075 #3DA86D

#94DCA1 - #3DA86D

Mezcla HSV

#94DCA1 - #3DA86D | 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 #94DCA1 como 0% y #3DA86D como 100%.

0.0%	0.0% #94DCA1	RGB 148 220 161	#94DCA1
16.7%	16.7% #83D395	RGB 131 211 149	#83D395
33.3%	33.3% #73CA8A	RGB 115 202 138	#73CA8A
50.0%	50.0% #64C281	RGB 100 194 129	#64C281
66.7%	66.7% #56B979	RGB 86 185 121	#56B979
83.3%	83.3% #49B073	RGB 73 176 115	#49B073
100.0%	100.0% #3DA86D	RGB 61 168 109	#3DA86D

#94DCA1 #83D395 #73CA8A #64C281 #56B979 #49B073 #3DA86D

#94DCA1 - #64C281 - #3DA86D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94DCA1 0%, #64C281 50%, #3DA86D 100%);
    background: -webkit-linear-gradient(top, #94DCA1 0%, #64C281 50%, #3DA86D 100%);
    background: linear-gradient(to bottom, #94DCA1 0%, #64C281 50%, #3DA86D 100%);
}
</style>