#4EB6B6 - #C3E2AD | 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 #4EB6B6 a #C3E2AD

#4EB6B6 #C3E2AD

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

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

0.0%	0.0% #4EB6B6	RGB 78 182 182	#4EB6B6
16.7%	16.7% #61BDB4	RGB 97 189 180	#61BDB4
33.3%	33.3% #75C4B3	RGB 117 196 179	#75C4B3
50.0%	50.0% #88CCB1	RGB 136 204 177	#88CCB1
66.7%	66.7% #9CD3B0	RGB 156 211 176	#9CD3B0
83.3%	83.3% #AFDAAE	RGB 175 218 174	#AFDAAE
100.0%	100.0% #C3E2AD	RGB 195 226 173	#C3E2AD

#4EB6B6 #61BDB4 #75C4B3 #88CCB1 #9CD3B0 #AFDAAE #C3E2AD

#4EB6B6 - #C3E2AD

Mezcla HSV

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

0.0%	0.0% #4EB6B6	RGB 78 182 182	#4EB6B6
16.7%	16.7% #5BBDA6	RGB 91 189 166	#5BBDA6
33.3%	33.3% #6AC49A	RGB 106 196 154	#6AC49A
50.0%	50.0% #79CC91	RGB 121 204 145	#79CC91
66.7%	66.7% #8AD38E	RGB 138 211 142	#8AD38E
83.3%	83.3% #A6DA9B	RGB 166 218 155	#A6DA9B
100.0%	100.0% #C3E2AD	RGB 195 226 173	#C3E2AD

#4EB6B6 #5BBDA6 #6AC49A #79CC91 #8AD38E #A6DA9B #C3E2AD

#4EB6B6 - #79CC91 - #C3E2AD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4EB6B6 0%, #79CC91 50%, #C3E2AD 100%);
    background: -webkit-linear-gradient(top, #4EB6B6 0%, #79CC91 50%, #C3E2AD 100%);
    background: linear-gradient(to bottom, #4EB6B6 0%, #79CC91 50%, #C3E2AD 100%);
}
</style>