#4D9C9C - #B6D5A2 | 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 #4D9C9C a #B6D5A2

#4D9C9C #B6D5A2

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

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

0.0%	0.0% #4D9C9C	RGB 77 156 156	#4D9C9C
16.7%	16.7% #5EA59D	RGB 94 165 157	#5EA59D
33.3%	33.3% #70AF9E	RGB 112 175 158	#70AF9E
50.0%	50.0% #81B89F	RGB 129 184 159	#81B89F
66.7%	66.7% #93C2A0	RGB 147 194 160	#93C2A0
83.3%	83.3% #A4CBA1	RGB 164 203 161	#A4CBA1
100.0%	100.0% #B6D5A2	RGB 182 213 162	#B6D5A2

#4D9C9C #5EA59D #70AF9E #81B89F #93C2A0 #A4CBA1 #B6D5A2

#4D9C9C - #B6D5A2

Mezcla HSV

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

0.0%	0.0% #4D9C9C	RGB 77 156 156	#4D9C9C
16.7%	16.7% #59A593	RGB 89 165 147	#59A593
33.3%	33.3% #65AF8D	RGB 101 175 141	#65AF8D
50.0%	50.0% #73B888	RGB 115 184 136	#73B888
66.7%	66.7% #82C286	RGB 130 194 134	#82C286
83.3%	83.3% #9ACB91	RGB 154 203 145	#9ACB91
100.0%	100.0% #B6D5A2	RGB 182 213 162	#B6D5A2

#4D9C9C #59A593 #65AF8D #73B888 #82C286 #9ACB91 #B6D5A2

#4D9C9C - #73B888 - #B6D5A2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9C9C 0%, #73B888 50%, #B6D5A2 100%);
    background: -webkit-linear-gradient(top, #4D9C9C 0%, #73B888 50%, #B6D5A2 100%);
    background: linear-gradient(to bottom, #4D9C9C 0%, #73B888 50%, #B6D5A2 100%);
}
</style>