#CBDBD9 - #3A3D3E | 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 #CBDBD9 to #3A3D3E

#CBDBD9 #3A3D3E

Calculate the color between two colors, #CBDBD9 and #3A3D3E. 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)

#CBDBD9 - #3A3D3E | 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 #CBDBD9 as 0% and #3A3D3E as 100%.

0.0%	0.0% #CBDBD9	RGB 203 219 217	#CBDBD9
16.7%	16.7% #B2C0BF	RGB 178 192 191	#B2C0BF
33.3%	33.3% #9AA6A5	RGB 154 166 165	#9AA6A5
50.0%	50.0% #828C8B	RGB 130 140 139	#828C8B
66.7%	66.7% #6A7171	RGB 106 113 113	#6A7171
83.3%	83.3% #525757	RGB 82 87 87	#525757
100.0%	100.0% #3A3D3E	RGB 58 61 62	#3A3D3E

#CBDBD9 #B2C0BF #9AA6A5 #828C8B #6A7171 #525757 #3A3D3E

#CBDBD9 - #3A3D3E

HSV Blend

#CBDBD9 - #3A3D3E | 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 #CBDBD9 as 0% and #3A3D3E as 100%.

0.0%	0.0% #CBDBD9	RGB 203 219 217	#CBDBD9
16.7%	16.7% #B3C0BF	RGB 179 192 191	#B3C0BF
33.3%	33.3% #9AA6A6	RGB 154 166 166	#9AA6A6
50.0%	50.0% #828B8C	RGB 130 139 140	#828B8C
66.7%	66.7% #6A7172	RGB 106 113 114	#6A7172
83.3%	83.3% #525758	RGB 82 87 88	#525758
100.0%	100.0% #3A3D3E	RGB 58 61 62	#3A3D3E

#CBDBD9 #B3C0BF #9AA6A6 #828B8C #6A7172 #525758 #3A3D3E

#CBDBD9 - #828B8C - #3A3D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBDBD9 0%, #828B8C 50%, #3A3D3E 100%);
    background: -webkit-linear-gradient(top, #CBDBD9 0%, #828B8C 50%, #3A3D3E 100%);
    background: linear-gradient(to bottom, #CBDBD9 0%, #828B8C 50%, #3A3D3E 100%);
}
</style>