#BADADB - #353D3E | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BADADB to #353D3E

#BADADB #353D3E

Calculate the color between two colors, #BADADB and #353D3E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BADADB - #353D3E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BADADB as 0% and #353D3E as 100%.

0.0%	0.0% #BADADB	RGB 186 218 219	#BADADB
16.7%	16.7% #A3BFC0	RGB 163 191 192	#A3BFC0
33.3%	33.3% #8DA5A6	RGB 141 165 166	#8DA5A6
50.0%	50.0% #778B8C	RGB 119 139 140	#778B8C
66.7%	66.7% #617172	RGB 97 113 114	#617172
83.3%	83.3% #4B5758	RGB 75 87 88	#4B5758
100.0%	100.0% #353D3E	RGB 53 61 62	#353D3E

#BADADB #A3BFC0 #8DA5A6 #778B8C #617172 #4B5758 #353D3E

#BADADB - #353D3E

HSV Blend

#BADADB - #353D3E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BADADB as 0% and #353D3E as 100%.

0.0%	0.0% #BADADB	RGB 186 218 219	#BADADB
16.7%	16.7% #A3BFC0	RGB 163 191 192	#A3BFC0
33.3%	33.3% #8DA5A6	RGB 141 165 166	#8DA5A6
50.0%	50.0% #778B8C	RGB 119 139 140	#778B8C
66.7%	66.7% #617072	RGB 97 112 114	#617072
83.3%	83.3% #4B5658	RGB 75 86 88	#4B5658
100.0%	100.0% #353D3E	RGB 53 61 62	#353D3E

#BADADB #A3BFC0 #8DA5A6 #778B8C #617072 #4B5658 #353D3E

#BADADB - #778B8C - #353D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BADADB 0%, #778B8C 50%, #353D3E 100%);
    background: -webkit-linear-gradient(top, #BADADB 0%, #778B8C 50%, #353D3E 100%);
    background: linear-gradient(to bottom, #BADADB 0%, #778B8C 50%, #353D3E 100%);
}
</style>