#BBC2D9 - #35373E | 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 #BBC2D9 to #35373E

#BBC2D9 #35373E

Calculate the color between two colors, #BBC2D9 and #35373E. 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)

#BBC2D9 - #35373E | 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 #BBC2D9 as 0% and #35373E as 100%.

0.0%	0.0% #BBC2D9	RGB 187 194 217	#BBC2D9
16.7%	16.7% #A4AABF	RGB 164 170 191	#A4AABF
33.3%	33.3% #8E93A5	RGB 142 147 165	#8E93A5
50.0%	50.0% #787C8B	RGB 120 124 139	#787C8B
66.7%	66.7% #616571	RGB 97 101 113	#616571
83.3%	83.3% #4B4E57	RGB 75 78 87	#4B4E57
100.0%	100.0% #35373E	RGB 53 55 62	#35373E

#BBC2D9 #A4AABF #8E93A5 #787C8B #616571 #4B4E57 #35373E

#BBC2D9 - #35373E

HSV Blend

#BBC2D9 - #35373E | 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 #BBC2D9 as 0% and #35373E as 100%.

0.0%	0.0% #BBC2D9	RGB 187 194 217	#BBC2D9
16.7%	16.7% #A4AABF	RGB 164 170 191	#A4AABF
33.3%	33.3% #8E93A5	RGB 142 147 165	#8E93A5
50.0%	50.0% #777C8B	RGB 119 124 139	#777C8B
66.7%	66.7% #616571	RGB 97 101 113	#616571
83.3%	83.3% #4B4E57	RGB 75 78 87	#4B4E57
100.0%	100.0% #35373E	RGB 53 55 62	#35373E

#BBC2D9 #A4AABF #8E93A5 #777C8B #616571 #4B4E57 #35373E

#BBC2D9 - #777C8B - #35373E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC2D9 0%, #777C8B 50%, #35373E 100%);
    background: -webkit-linear-gradient(top, #BBC2D9 0%, #777C8B 50%, #35373E 100%);
    background: linear-gradient(to bottom, #BBC2D9 0%, #777C8B 50%, #35373E 100%);
}
</style>