#4DA5A5 - #BADAA6 | 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 #4DA5A5 a #BADAA6

#4DA5A5 #BADAA6

Calcule el color entre dos colores, #4DA5A5 y #BADAA6. 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)

#4DA5A5 - #BADAA6 | 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 #4DA5A5 como 0% y #BADAA6 como 100%.

0.0%	0.0% #4DA5A5	RGB 77 165 165	#4DA5A5
16.7%	16.7% #5FADA5	RGB 95 173 165	#5FADA5
33.3%	33.3% #71B6A5	RGB 113 182 165	#71B6A5
50.0%	50.0% #83BFA5	RGB 131 191 165	#83BFA5
66.7%	66.7% #95C8A5	RGB 149 200 165	#95C8A5
83.3%	83.3% #A7D1A5	RGB 167 209 165	#A7D1A5
100.0%	100.0% #BADAA6	RGB 186 218 166	#BADAA6

#4DA5A5 #5FADA5 #71B6A5 #83BFA5 #95C8A5 #A7D1A5 #BADAA6

#4DA5A5 - #BADAA6

Mezcla HSV

#4DA5A5 - #BADAA6 | 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 #4DA5A5 como 0% y #BADAA6 como 100%.

0.0%	0.0% #4DA5A5	RGB 77 165 165	#4DA5A5
16.7%	16.7% #59AD9A	RGB 89 173 154	#59AD9A
33.3%	33.3% #67B691	RGB 103 182 145	#67B691
50.0%	50.0% #75BF8C	RGB 117 191 140	#75BF8C
66.7%	66.7% #84C88A	RGB 132 200 138	#84C88A
83.3%	83.3% #9ED194	RGB 158 209 148	#9ED194
100.0%	100.0% #BADAA6	RGB 186 218 166	#BADAA6

#4DA5A5 #59AD9A #67B691 #75BF8C #84C88A #9ED194 #BADAA6

#4DA5A5 - #75BF8C - #BADAA6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DA5A5 0%, #75BF8C 50%, #BADAA6 100%);
    background: -webkit-linear-gradient(top, #4DA5A5 0%, #75BF8C 50%, #BADAA6 100%);
    background: linear-gradient(to bottom, #4DA5A5 0%, #75BF8C 50%, #BADAA6 100%);
}
</style>