#1F8C6E - #ADDC8F | 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 #1F8C6E a #ADDC8F

#1F8C6E #ADDC8F

Calcule el color entre dos colores, #1F8C6E y #ADDC8F. 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)

#1F8C6E - #ADDC8F | 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 #1F8C6E como 0% y #ADDC8F como 100%.

0.0%	0.0% #1F8C6E	RGB 31 140 110	#1F8C6E
16.7%	16.7% #369973	RGB 54 153 115	#369973
33.3%	33.3% #4EA679	RGB 78 166 121	#4EA679
50.0%	50.0% #66B47E	RGB 102 180 126	#66B47E
66.7%	66.7% #7DC184	RGB 125 193 132	#7DC184
83.3%	83.3% #95CE89	RGB 149 206 137	#95CE89
100.0%	100.0% #ADDC8F	RGB 173 220 143	#ADDC8F

#1F8C6E #369973 #4EA679 #66B47E #7DC184 #95CE89 #ADDC8F

#1F8C6E - #ADDC8F

Mezcla HSV

#1F8C6E - #ADDC8F | 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 #1F8C6E como 0% y #ADDC8F como 100%.

0.0%	0.0% #1F8C6E	RGB 31 140 110	#1F8C6E
16.7%	16.7% #2C9967	RGB 44 153 103	#2C9967
33.3%	33.3% #3CA662	RGB 60 166 98	#3CA662
50.0%	50.0% #4EB45F	RGB 78 180 95	#4EB45F
66.7%	66.7% #63C162	RGB 99 193 98	#63C162
83.3%	83.3% #89CE77	RGB 137 206 119	#89CE77
100.0%	100.0% #ADDC8F	RGB 173 220 143	#ADDC8F

#1F8C6E #2C9967 #3CA662 #4EB45F #63C162 #89CE77 #ADDC8F

#1F8C6E - #4EB45F - #ADDC8F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F8C6E 0%, #4EB45F 50%, #ADDC8F 100%);
    background: -webkit-linear-gradient(top, #1F8C6E 0%, #4EB45F 50%, #ADDC8F 100%);
    background: linear-gradient(to bottom, #1F8C6E 0%, #4EB45F 50%, #ADDC8F 100%);
}
</style>