#21AA60 - #BFE6D1 | 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 #21AA60 a #BFE6D1

#21AA60 #BFE6D1

Calcule el color entre dos colores, #21AA60 y #BFE6D1. 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)

#21AA60 - #BFE6D1 | 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 #21AA60 como 0% y #BFE6D1 como 100%.

0.0%	0.0% #21AA60	RGB 33 170 96	#21AA60
16.7%	16.7% #3BB472	RGB 59 180 114	#3BB472
33.3%	33.3% #55BE85	RGB 85 190 133	#55BE85
50.0%	50.0% #70C898	RGB 112 200 152	#70C898
66.7%	66.7% #8AD2AB	RGB 138 210 171	#8AD2AB
83.3%	83.3% #A4DCBE	RGB 164 220 190	#A4DCBE
100.0%	100.0% #BFE6D1	RGB 191 230 209	#BFE6D1

#21AA60 #3BB472 #55BE85 #70C898 #8AD2AB #A4DCBE #BFE6D1

#21AA60 - #BFE6D1

Mezcla HSV

#21AA60 - #BFE6D1 | 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 #21AA60 como 0% y #BFE6D1 como 100%.

0.0%	0.0% #21AA60	RGB 33 170 96	#21AA60
16.7%	16.7% #36B46F	RGB 54 180 111	#36B46F
33.3%	33.3% #4DBE81	RGB 77 190 129	#4DBE81
50.0%	50.0% #66C893	RGB 102 200 147	#66C893
66.7%	66.7% #81D2A6	RGB 129 210 166	#81D2A6
83.3%	83.3% #9FDCBB	RGB 159 220 187	#9FDCBB
100.0%	100.0% #BFE6D1	RGB 191 230 209	#BFE6D1

#21AA60 #36B46F #4DBE81 #66C893 #81D2A6 #9FDCBB #BFE6D1

#21AA60 - #66C893 - #BFE6D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #21AA60 0%, #66C893 50%, #BFE6D1 100%);
    background: -webkit-linear-gradient(top, #21AA60 0%, #66C893 50%, #BFE6D1 100%);
    background: linear-gradient(to bottom, #21AA60 0%, #66C893 50%, #BFE6D1 100%);
}
</style>