#2F254B - #C3C0CB | 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 #2F254B to #C3C0CB

#2F254B #C3C0CB

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

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

0.0%	0.0% #2F254B	RGB 47 37 75	#2F254B
16.7%	16.7% #473E60	RGB 71 62 96	#473E60
33.3%	33.3% #605875	RGB 96 88 117	#605875
50.0%	50.0% #79728B	RGB 121 114 139	#79728B
66.7%	66.7% #918CA0	RGB 145 140 160	#918CA0
83.3%	83.3% #AAA6B5	RGB 170 166 181	#AAA6B5
100.0%	100.0% #C3C0CB	RGB 195 192 203	#C3C0CB

#2F254B #473E60 #605875 #79728B #918CA0 #AAA6B5 #C3C0CB

#2F254B - #C3C0CB

HSV Blend

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

0.0%	0.0% #2E254B	RGB 46 37 75	#2E254B
16.7%	16.7% #413660	RGB 65 54 96	#413660
33.3%	33.3% #564B75	RGB 86 75 117	#564B75
50.0%	50.0% #6E648B	RGB 110 100 139	#6E648B
66.7%	66.7% #887FA0	RGB 136 127 160	#887FA0
83.3%	83.3% #A49EB5	RGB 164 158 181	#A49EB5
100.0%	100.0% #C3C0CB	RGB 195 192 203	#C3C0CB

#2E254B #413660 #564B75 #6E648B #887FA0 #A49EB5 #C3C0CB

#2F254B - #6E648B - #C3C0CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E254B 0%, #6E648B 50%, #C3C0CB 100%);
    background: -webkit-linear-gradient(top, #2E254B 0%, #6E648B 50%, #C3C0CB 100%);
    background: linear-gradient(to bottom, #2E254B 0%, #6E648B 50%, #C3C0CB 100%);
}
</style>