#2D465D - #C3CAD0 | 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 #2D465D to #C3CAD0

#2D465D #C3CAD0

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

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

0.0%	0.0% #2D465D	RGB 45 70 93	#2D465D
16.7%	16.7% #465C70	RGB 70 92 112	#465C70
33.3%	33.3% #5F7283	RGB 95 114 131	#5F7283
50.0%	50.0% #788896	RGB 120 136 150	#788896
66.7%	66.7% #919EA9	RGB 145 158 169	#919EA9
83.3%	83.3% #AAB4BC	RGB 170 180 188	#AAB4BC
100.0%	100.0% #C3CAD0	RGB 195 202 208	#C3CAD0

#2D465D #465C70 #5F7283 #788896 #919EA9 #AAB4BC #C3CAD0

#2D465D - #C3CAD0

HSV Blend

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

0.0%	0.0% #2D465D	RGB 45 70 93	#2D465D
16.7%	16.7% #3E5870	RGB 62 88 112	#3E5870
33.3%	33.3% #536C83	RGB 83 108 131	#536C83
50.0%	50.0% #6A8296	RGB 106 130 150	#6A8296
66.7%	66.7% #8598A9	RGB 133 152 169	#8598A9
83.3%	83.3% #A2B0BC	RGB 162 176 188	#A2B0BC
100.0%	100.0% #C3CAD0	RGB 195 202 208	#C3CAD0

#2D465D #3E5870 #536C83 #6A8296 #8598A9 #A2B0BC #C3CAD0

#2D465D - #6A8296 - #C3CAD0

CSS codes

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

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