#B6E1D1 - #33403B | 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 #B6E1D1 a #33403B

#B6E1D1 #33403B

Calcule el color entre dos colores, #B6E1D1 y #33403B. 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)

#B6E1D1 - #33403B | 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 #B6E1D1 como 0% y #33403B como 100%.

0.0%	0.0% #B6E1D1	RGB 182 225 209	#B6E1D1
16.7%	16.7% #A0C6B8	RGB 160 198 184	#A0C6B8
33.3%	33.3% #8AAB9F	RGB 138 171 159	#8AAB9F
50.0%	50.0% #749086	RGB 116 144 134	#749086
66.7%	66.7% #5E756D	RGB 94 117 109	#5E756D
83.3%	83.3% #485A54	RGB 72 90 84	#485A54
100.0%	100.0% #33403B	RGB 51 64 59	#33403B

#B6E1D1 #A0C6B8 #8AAB9F #749086 #5E756D #485A54 #33403B

#B6E1D1 - #33403B

Mezcla HSV

#B6E1D1 - #33403B | 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 #B6E1D1 como 0% y #33403B como 100%.

0.0%	0.0% #B6E1D1	RGB 182 225 209	#B6E1D1
16.7%	16.7% #9FC6B7	RGB 159 198 183	#9FC6B7
33.3%	33.3% #89AB9E	RGB 137 171 158	#89AB9E
50.0%	50.0% #749085	RGB 116 144 133	#749085
66.7%	66.7% #5E756C	RGB 94 117 108	#5E756C
83.3%	83.3% #485A53	RGB 72 90 83	#485A53
100.0%	100.0% #33403B	RGB 51 64 59	#33403B

#B6E1D1 #9FC6B7 #89AB9E #749085 #5E756C #485A53 #33403B

#B6E1D1 - #749085 - #33403B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6E1D1 0%, #749085 50%, #33403B 100%);
    background: -webkit-linear-gradient(top, #B6E1D1 0%, #749085 50%, #33403B 100%);
    background: linear-gradient(to bottom, #B6E1D1 0%, #749085 50%, #33403B 100%);
}
</style>