#B5E8D7 - #4DBDA9 | 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 #B5E8D7 a #4DBDA9

#B5E8D7 #4DBDA9

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

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

0.0%	0.0% #B5E8D7	RGB 181 232 215	#B5E8D7
16.7%	16.7% #A3E0CF	RGB 163 224 207	#A3E0CF
33.3%	33.3% #92D9C7	RGB 146 217 199	#92D9C7
50.0%	50.0% #81D2C0	RGB 129 210 192	#81D2C0
66.7%	66.7% #6FCBB8	RGB 111 203 184	#6FCBB8
83.3%	83.3% #5EC4B0	RGB 94 196 176	#5EC4B0
100.0%	100.0% #4DBDA9	RGB 77 189 169	#4DBDA9

#B5E8D7 #A3E0CF #92D9C7 #81D2C0 #6FCBB8 #5EC4B0 #4DBDA9

#B5E8D7 - #4DBDA9

Mezcla HSV

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

0.0%	0.0% #B5E8D7	RGB 181 232 215	#B5E8D7
16.7%	16.7% #A1E0CD	RGB 161 224 205	#A1E0CD
33.3%	33.3% #8ED9C4	RGB 142 217 196	#8ED9C4
50.0%	50.0% #7CD2BC	RGB 124 210 188	#7CD2BC
66.7%	66.7% #6CCBB5	RGB 108 203 181	#6CCBB5
83.3%	83.3% #5CC4AE	RGB 92 196 174	#5CC4AE
100.0%	100.0% #4DBDA9	RGB 77 189 169	#4DBDA9

#B5E8D7 #A1E0CD #8ED9C4 #7CD2BC #6CCBB5 #5CC4AE #4DBDA9

#B5E8D7 - #7CD2BC - #4DBDA9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E8D7 0%, #7CD2BC 50%, #4DBDA9 100%);
    background: -webkit-linear-gradient(top, #B5E8D7 0%, #7CD2BC 50%, #4DBDA9 100%);
    background: linear-gradient(to bottom, #B5E8D7 0%, #7CD2BC 50%, #4DBDA9 100%);
}
</style>