#B5E4DB - #33413E | 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 #B5E4DB a #33413E

#B5E4DB #33413E

Calcule el color entre dos colores, #B5E4DB y #33413E. 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)

#B5E4DB - #33413E | 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 #B5E4DB como 0% y #33413E como 100%.

0.0%	0.0% #B5E4DB	RGB 181 228 219	#B5E4DB
16.7%	16.7% #9FC8C0	RGB 159 200 192	#9FC8C0
33.3%	33.3% #89ADA6	RGB 137 173 166	#89ADA6
50.0%	50.0% #74928C	RGB 116 146 140	#74928C
66.7%	66.7% #5E7772	RGB 94 119 114	#5E7772
83.3%	83.3% #485C58	RGB 72 92 88	#485C58
100.0%	100.0% #33413E	RGB 51 65 62	#33413E

#B5E4DB #9FC8C0 #89ADA6 #74928C #5E7772 #485C58 #33413E

#B5E4DB - #33413E

Mezcla HSV

#B5E4DB - #33413E | 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 #B5E4DB como 0% y #33413E como 100%.

0.0%	0.0% #B5E4DB	RGB 181 228 219	#B5E4DB
16.7%	16.7% #9FC8C0	RGB 159 200 192	#9FC8C0
33.3%	33.3% #89ADA6	RGB 137 173 166	#89ADA6
50.0%	50.0% #73928C	RGB 115 146 140	#73928C
66.7%	66.7% #5D7772	RGB 93 119 114	#5D7772
83.3%	83.3% #485C58	RGB 72 92 88	#485C58
100.0%	100.0% #33413E	RGB 51 65 62	#33413E

#B5E4DB #9FC8C0 #89ADA6 #73928C #5D7772 #485C58 #33413E

#B5E4DB - #73928C - #33413E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E4DB 0%, #73928C 50%, #33413E 100%);
    background: -webkit-linear-gradient(top, #B5E4DB 0%, #73928C 50%, #33413E 100%);
    background: linear-gradient(to bottom, #B5E4DB 0%, #73928C 50%, #33413E 100%);
}
</style>