#BBCED2 - #353A3C | 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 #BBCED2 to #353A3C

#BBCED2 #353A3C

Calculate the color between two colors, #BBCED2 and #353A3C. 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)

#BBCED2 - #353A3C | 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 #BBCED2 as 0% and #353A3C as 100%.

0.0%	0.0% #BBCED2	RGB 187 206 210	#BBCED2
16.7%	16.7% #A4B5B9	RGB 164 181 185	#A4B5B9
33.3%	33.3% #8E9CA0	RGB 142 156 160	#8E9CA0
50.0%	50.0% #788487	RGB 120 132 135	#788487
66.7%	66.7% #616B6E	RGB 97 107 110	#616B6E
83.3%	83.3% #4B5255	RGB 75 82 85	#4B5255
100.0%	100.0% #353A3C	RGB 53 58 60	#353A3C

#BBCED2 #A4B5B9 #8E9CA0 #788487 #616B6E #4B5255 #353A3C

#BBCED2 - #353A3C

HSV Blend

#BBCED2 - #353A3C | 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 #BBCED2 as 0% and #353A3C as 100%.

0.0%	0.0% #BBCED2	RGB 187 206 210	#BBCED2
16.7%	16.7% #A4B5B9	RGB 164 181 185	#A4B5B9
33.3%	33.3% #8E9CA0	RGB 142 156 160	#8E9CA0
50.0%	50.0% #778387	RGB 119 131 135	#778387
66.7%	66.7% #616A6E	RGB 97 106 110	#616A6E
83.3%	83.3% #4B5255	RGB 75 82 85	#4B5255
100.0%	100.0% #353A3C	RGB 53 58 60	#353A3C

#BBCED2 #A4B5B9 #8E9CA0 #778387 #616A6E #4B5255 #353A3C

#BBCED2 - #778387 - #353A3C

CSS codes

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

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