#2CB080 - #DAF297 | 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 #2CB080 a #DAF297

#2CB080 #DAF297

Calcule el color entre dos colores, #2CB080 y #DAF297. 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)

#2CB080 - #DAF297 | 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 #2CB080 como 0% y #DAF297 como 100%.

0.0%	0.0% #2CB080	RGB 44 176 128	#2CB080
16.7%	16.7% #49BB83	RGB 73 187 131	#49BB83
33.3%	33.3% #66C687	RGB 102 198 135	#66C687
50.0%	50.0% #83D18B	RGB 131 209 139	#83D18B
66.7%	66.7% #A0DC8F	RGB 160 220 143	#A0DC8F
83.3%	83.3% #BDE793	RGB 189 231 147	#BDE793
100.0%	100.0% #DAF297	RGB 218 242 151	#DAF297

#2CB080 #49BB83 #66C687 #83D18B #A0DC8F #BDE793 #DAF297

#2CB080 - #DAF297

Mezcla HSV

#2CB080 - #DAF297 | 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 #2CB080 como 0% y #DAF297 como 100%.

0.0%	0.0% #2CB080	RGB 44 176 128	#2CB080
16.7%	16.7% #3ABB6E	RGB 58 187 110	#3ABB6E
33.3%	33.3% #4AC660	RGB 74 198 96	#4AC660
50.0%	50.0% #61D15B	RGB 97 209 91	#61D15B
66.7%	66.7% #8CDC6D	RGB 140 220 109	#8CDC6D
83.3%	83.3% #B5E781	RGB 181 231 129	#B5E781
100.0%	100.0% #DAF297	RGB 218 242 151	#DAF297

#2CB080 #3ABB6E #4AC660 #61D15B #8CDC6D #B5E781 #DAF297

#2CB080 - #61D15B - #DAF297

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CB080 0%, #61D15B 50%, #DAF297 100%);
    background: -webkit-linear-gradient(top, #2CB080 0%, #61D15B 50%, #DAF297 100%);
    background: linear-gradient(to bottom, #2CB080 0%, #61D15B 50%, #DAF297 100%);
}
</style>