#40B2B2 - #BEE4AD | 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 #40B2B2 a #BEE4AD

#40B2B2 #BEE4AD

Calcule el color entre dos colores, #40B2B2 y #BEE4AD. 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)

#40B2B2 - #BEE4AD | 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 #40B2B2 como 0% y #BEE4AD como 100%.

0.0%	0.0% #40B2B2	RGB 64 178 178	#40B2B2
16.7%	16.7% #55BAB1	RGB 85 186 177	#55BAB1
33.3%	33.3% #6AC2B0	RGB 106 194 176	#6AC2B0
50.0%	50.0% #7FCBAF	RGB 127 203 175	#7FCBAF
66.7%	66.7% #94D3AE	RGB 148 211 174	#94D3AE
83.3%	83.3% #A9DBAD	RGB 169 219 173	#A9DBAD
100.0%	100.0% #BEE4AD	RGB 190 228 173	#BEE4AD

#40B2B2 #55BAB1 #6AC2B0 #7FCBAF #94D3AE #A9DBAD #BEE4AD

#40B2B2 - #BEE4AD

Mezcla HSV

#40B2B2 - #BEE4AD | 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 #40B2B2 como 0% y #BEE4AD como 100%.

0.0%	0.0% #40B2B2	RGB 64 178 178	#40B2B2
16.7%	16.7% #4FBAA3	RGB 79 186 163	#4FBAA3
33.3%	33.3% #5FC297	RGB 95 194 151	#5FC297
50.0%	50.0% #71CB90	RGB 113 203 144	#71CB90
66.7%	66.7% #84D38E	RGB 132 211 142	#84D38E
83.3%	83.3% #9EDB98	RGB 158 219 152	#9EDB98
100.0%	100.0% #BEE4AD	RGB 190 228 173	#BEE4AD

#40B2B2 #4FBAA3 #5FC297 #71CB90 #84D38E #9EDB98 #BEE4AD

#40B2B2 - #71CB90 - #BEE4AD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40B2B2 0%, #71CB90 50%, #BEE4AD 100%);
    background: -webkit-linear-gradient(top, #40B2B2 0%, #71CB90 50%, #BEE4AD 100%);
    background: linear-gradient(to bottom, #40B2B2 0%, #71CB90 50%, #BEE4AD 100%);
}
</style>