#28AAAA - #B3E8AC | 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 #28AAAA a #B3E8AC

#28AAAA #B3E8AC

Calcule el color entre dos colores, #28AAAA y #B3E8AC. 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)

#28AAAA - #B3E8AC | 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 #28AAAA como 0% y #B3E8AC como 100%.

0.0%	0.0% #28AAAA	RGB 40 170 170	#28AAAA
16.7%	16.7% #3FB4AA	RGB 63 180 170	#3FB4AA
33.3%	33.3% #56BEAA	RGB 86 190 170	#56BEAA
50.0%	50.0% #6DC9AB	RGB 109 201 171	#6DC9AB
66.7%	66.7% #84D3AB	RGB 132 211 171	#84D3AB
83.3%	83.3% #9BDDAB	RGB 155 221 171	#9BDDAB
100.0%	100.0% #B3E8AC	RGB 179 232 172	#B3E8AC

#28AAAA #3FB4AA #56BEAA #6DC9AB #84D3AB #9BDDAB #B3E8AC

#28AAAA - #B3E8AC

Mezcla HSV

#28AAAA - #B3E8AC | 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 #28AAAA como 0% y #B3E8AC como 100%.

0.0%	0.0% #27AAAA	RGB 39 170 170	#27AAAA
16.7%	16.7% #39B49D	RGB 57 180 157	#39B49D
33.3%	33.3% #4DBE94	RGB 77 190 148	#4DBE94
50.0%	50.0% #62C98F	RGB 98 201 143	#62C98F
66.7%	66.7% #79D390	RGB 121 211 144	#79D390
83.3%	83.3% #91DD96	RGB 145 221 150	#91DD96
100.0%	100.0% #B3E8AC	RGB 179 232 172	#B3E8AC

#27AAAA #39B49D #4DBE94 #62C98F #79D390 #91DD96 #B3E8AC

#28AAAA - #62C98F - #B3E8AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #27AAAA 0%, #62C98F 50%, #B3E8AC 100%);
    background: -webkit-linear-gradient(top, #27AAAA 0%, #62C98F 50%, #B3E8AC 100%);
    background: linear-gradient(to bottom, #27AAAA 0%, #62C98F 50%, #B3E8AC 100%);
}
</style>