#20B27E - #BFE9D9 | 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 #20B27E a #BFE9D9

#20B27E #BFE9D9

Calcule el color entre dos colores, #20B27E y #BFE9D9. 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)

#20B27E - #BFE9D9 | 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 #20B27E como 0% y #BFE9D9 como 100%.

0.0%	0.0% #20B27E	RGB 32 178 126	#20B27E
16.7%	16.7% #3ABB8D	RGB 58 187 141	#3ABB8D
33.3%	33.3% #55C49C	RGB 85 196 156	#55C49C
50.0%	50.0% #6FCDAB	RGB 111 205 171	#6FCDAB
66.7%	66.7% #8AD6BA	RGB 138 214 186	#8AD6BA
83.3%	83.3% #A4DFC9	RGB 164 223 201	#A4DFC9
100.0%	100.0% #BFE9D9	RGB 191 233 217	#BFE9D9

#20B27E #3ABB8D #55C49C #6FCDAB #8AD6BA #A4DFC9 #BFE9D9

#20B27E - #BFE9D9

Mezcla HSV

#20B27E - #BFE9D9 | 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 #20B27E como 0% y #BFE9D9 como 100%.

0.0%	0.0% #20B27E	RGB 32 178 126	#20B27E
16.7%	16.7% #35BB8B	RGB 53 187 139	#35BB8B
33.3%	33.3% #4DC498	RGB 77 196 152	#4DC498
50.0%	50.0% #66CDA7	RGB 102 205 167	#66CDA7
66.7%	66.7% #82D6B7	RGB 130 214 183	#82D6B7
83.3%	83.3% #9FDFC7	RGB 159 223 199	#9FDFC7
100.0%	100.0% #BFE9D9	RGB 191 233 217	#BFE9D9

#20B27E #35BB8B #4DC498 #66CDA7 #82D6B7 #9FDFC7 #BFE9D9

#20B27E - #66CDA7 - #BFE9D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20B27E 0%, #66CDA7 50%, #BFE9D9 100%);
    background: -webkit-linear-gradient(top, #20B27E 0%, #66CDA7 50%, #BFE9D9 100%);
    background: linear-gradient(to bottom, #20B27E 0%, #66CDA7 50%, #BFE9D9 100%);
}
</style>