#49B5B5 - #C2E2AD | 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 #49B5B5 a #C2E2AD

#49B5B5 #C2E2AD

Calcule el color entre dos colores, #49B5B5 y #C2E2AD. 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)

#49B5B5 - #C2E2AD | 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 #49B5B5 como 0% y #C2E2AD como 100%.

0.0%	0.0% #49B5B5	RGB 73 181 181	#49B5B5
16.7%	16.7% #5DBCB3	RGB 93 188 179	#5DBCB3
33.3%	33.3% #71C4B2	RGB 113 196 178	#71C4B2
50.0%	50.0% #85CBB1	RGB 133 203 177	#85CBB1
66.7%	66.7% #99D3AF	RGB 153 211 175	#99D3AF
83.3%	83.3% #ADDAAE	RGB 173 218 174	#ADDAAE
100.0%	100.0% #C2E2AD	RGB 194 226 173	#C2E2AD

#49B5B5 #5DBCB3 #71C4B2 #85CBB1 #99D3AF #ADDAAE #C2E2AD

#49B5B5 - #C2E2AD

Mezcla HSV

#49B5B5 - #C2E2AD | 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 #49B5B5 como 0% y #C2E2AD como 100%.

0.0%	0.0% #49B5B5	RGB 73 181 181	#49B5B5
16.7%	16.7% #57BCA4	RGB 87 188 164	#57BCA4
33.3%	33.3% #66C498	RGB 102 196 152	#66C498
50.0%	50.0% #76CB90	RGB 118 203 144	#76CB90
66.7%	66.7% #88D38D	RGB 136 211 141	#88D38D
83.3%	83.3% #A4DA9A	RGB 164 218 154	#A4DA9A
100.0%	100.0% #C2E2AD	RGB 194 226 173	#C2E2AD

#49B5B5 #57BCA4 #66C498 #76CB90 #88D38D #A4DA9A #C2E2AD

#49B5B5 - #76CB90 - #C2E2AD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49B5B5 0%, #76CB90 50%, #C2E2AD 100%);
    background: -webkit-linear-gradient(top, #49B5B5 0%, #76CB90 50%, #C2E2AD 100%);
    background: linear-gradient(to bottom, #49B5B5 0%, #76CB90 50%, #C2E2AD 100%);
}
</style>