#BDECE7 - #354342 | 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 #BDECE7 to #354342

#BDECE7 #354342

Calculate the color between two colors, #BDECE7 and #354342. 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)

#BDECE7 - #354342 | 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 #BDECE7 as 0% and #354342 as 100%.

0.0%	0.0% #BDECE7	RGB 189 236 231	#BDECE7
16.7%	16.7% #A6CFCB	RGB 166 207 203	#A6CFCB
33.3%	33.3% #8FB3B0	RGB 143 179 176	#8FB3B0
50.0%	50.0% #799794	RGB 121 151 148	#799794
66.7%	66.7% #627B79	RGB 98 123 121	#627B79
83.3%	83.3% #4B5F5D	RGB 75 95 93	#4B5F5D
100.0%	100.0% #354342	RGB 53 67 66	#354342

#BDECE7 #A6CFCB #8FB3B0 #799794 #627B79 #4B5F5D #354342

#BDECE7 - #354342

HSV Blend

#BDECE7 - #354342 | 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 #BDECE7 as 0% and #354342 as 100%.

0.0%	0.0% #BDECE7	RGB 189 236 231	#BDECE7
16.7%	16.7% #A6CFCB	RGB 166 207 203	#A6CFCB
33.3%	33.3% #8FB3B0	RGB 143 179 176	#8FB3B0
50.0%	50.0% #789794	RGB 120 151 148	#789794
66.7%	66.7% #617B79	RGB 97 123 121	#617B79
83.3%	83.3% #4B5F5D	RGB 75 95 93	#4B5F5D
100.0%	100.0% #354342	RGB 53 67 66	#354342

#BDECE7 #A6CFCB #8FB3B0 #789794 #617B79 #4B5F5D #354342

#BDECE7 - #789794 - #354342

CSS codes

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

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