#B5E4D1 - #5FCAA4 | 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 #B5E4D1 a #5FCAA4

#B5E4D1 #5FCAA4

Calcule el color entre dos colores, #B5E4D1 y #5FCAA4. 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)

#B5E4D1 - #5FCAA4 | 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 #B5E4D1 como 0% y #5FCAA4 como 100%.

0.0%	0.0% #B5E4D1	RGB 181 228 209	#B5E4D1
16.7%	16.7% #A6DFC9	RGB 166 223 201	#A6DFC9
33.3%	33.3% #98DBC2	RGB 152 219 194	#98DBC2
50.0%	50.0% #8AD7BA	RGB 138 215 186	#8AD7BA
66.7%	66.7% #7BD2B3	RGB 123 210 179	#7BD2B3
83.3%	83.3% #6DCEAB	RGB 109 206 171	#6DCEAB
100.0%	100.0% #5FCAA4	RGB 95 202 164	#5FCAA4

#B5E4D1 #A6DFC9 #98DBC2 #8AD7BA #7BD2B3 #6DCEAB #5FCAA4

#B5E4D1 - #5FCAA4

Mezcla HSV

#B5E4D1 - #5FCAA4 | 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 #B5E4D1 como 0% y #5FCAA4 como 100%.

0.0%	0.0% #B5E4D1	RGB 181 228 209	#B5E4D1
16.7%	16.7% #A5DFC8	RGB 165 223 200	#A5DFC8
33.3%	33.3% #96DBC0	RGB 150 219 192	#96DBC0
50.0%	50.0% #87D7B8	RGB 135 215 184	#87D7B8
66.7%	66.7% #79D2B1	RGB 121 210 177	#79D2B1
83.3%	83.3% #6CCEAA	RGB 108 206 170	#6CCEAA
100.0%	100.0% #5FCAA4	RGB 95 202 164	#5FCAA4

#B5E4D1 #A5DFC8 #96DBC0 #87D7B8 #79D2B1 #6CCEAA #5FCAA4

#B5E4D1 - #87D7B8 - #5FCAA4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E4D1 0%, #87D7B8 50%, #5FCAA4 100%);
    background: -webkit-linear-gradient(top, #B5E4D1 0%, #87D7B8 50%, #5FCAA4 100%);
    background: linear-gradient(to bottom, #B5E4D1 0%, #87D7B8 50%, #5FCAA4 100%);
}
</style>