#1F8D70 - #ADDD90 | 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 #1F8D70 a #ADDD90

#1F8D70 #ADDD90

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

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

0.0%	0.0% #1F8D70	RGB 31 141 112	#1F8D70
16.7%	16.7% #369A75	RGB 54 154 117	#369A75
33.3%	33.3% #4EA77A	RGB 78 167 122	#4EA77A
50.0%	50.0% #66B580	RGB 102 181 128	#66B580
66.7%	66.7% #7DC285	RGB 125 194 133	#7DC285
83.3%	83.3% #95CF8A	RGB 149 207 138	#95CF8A
100.0%	100.0% #ADDD90	RGB 173 221 144	#ADDD90

#1F8D70 #369A75 #4EA77A #66B580 #7DC285 #95CF8A #ADDD90

#1F8D70 - #ADDD90

Mezcla HSV

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

0.0%	0.0% #1F8D70	RGB 31 141 112	#1F8D70
16.7%	16.7% #2D9A69	RGB 45 154 105	#2D9A69
33.3%	33.3% #3CA763	RGB 60 167 99	#3CA763
50.0%	50.0% #4EB561	RGB 78 181 97	#4EB561
66.7%	66.7% #63C262	RGB 99 194 98	#63C262
83.3%	83.3% #89CF78	RGB 137 207 120	#89CF78
100.0%	100.0% #ADDD90	RGB 173 221 144	#ADDD90

#1F8D70 #2D9A69 #3CA763 #4EB561 #63C262 #89CF78 #ADDD90

#1F8D70 - #4EB561 - #ADDD90

Códigos CSS

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

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