#2B2D50 - #C2C3CD | 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 #2B2D50 to #C2C3CD

#2B2D50 #C2C3CD

Calculate the color between two colors, #2B2D50 and #C2C3CD. 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)

#2B2D50 - #C2C3CD | 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 #2B2D50 as 0% and #C2C3CD as 100%.

0.0%	0.0% #2B2D50	RGB 43 45 80	#2B2D50
16.7%	16.7% #444664	RGB 68 70 100	#444664
33.3%	33.3% #5D5F79	RGB 93 95 121	#5D5F79
50.0%	50.0% #76788E	RGB 118 120 142	#76788E
66.7%	66.7% #8F91A3	RGB 143 145 163	#8F91A3
83.3%	83.3% #A8AAB8	RGB 168 170 184	#A8AAB8
100.0%	100.0% #C2C3CD	RGB 194 195 205	#C2C3CD

#2B2D50 #444664 #5D5F79 #76788E #8F91A3 #A8AAB8 #C2C3CD

#2B2D50 - #C2C3CD

HSV Blend

#2B2D50 - #C2C3CD | 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 #2B2D50 as 0% and #C2C3CD as 100%.

0.0%	0.0% #2B2C50	RGB 43 44 80	#2B2C50
16.7%	16.7% #3D3F64	RGB 61 63 100	#3D3F64
33.3%	33.3% #515479	RGB 81 84 121	#515479
50.0%	50.0% #696C8E	RGB 105 108 142	#696C8E
66.7%	66.7% #8486A3	RGB 132 134 163	#8486A3
83.3%	83.3% #A1A3B8	RGB 161 163 184	#A1A3B8
100.0%	100.0% #C2C3CD	RGB 194 195 205	#C2C3CD

#2B2C50 #3D3F64 #515479 #696C8E #8486A3 #A1A3B8 #C2C3CD

#2B2D50 - #696C8E - #C2C3CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2C50 0%, #696C8E 50%, #C2C3CD 100%);
    background: -webkit-linear-gradient(top, #2B2C50 0%, #696C8E 50%, #C2C3CD 100%);
    background: linear-gradient(to bottom, #2B2C50 0%, #696C8E 50%, #C2C3CD 100%);
}
</style>