#2D656B - #C3D2D4 | 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 #2D656B to #C3D2D4

#2D656B #C3D2D4

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

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

0.0%	0.0% #2D656B	RGB 45 101 107	#2D656B
16.7%	16.7% #46777C	RGB 70 119 124	#46777C
33.3%	33.3% #5F898E	RGB 95 137 142	#5F898E
50.0%	50.0% #789B9F	RGB 120 155 159	#789B9F
66.7%	66.7% #91ADB1	RGB 145 173 177	#91ADB1
83.3%	83.3% #AABFC2	RGB 170 191 194	#AABFC2
100.0%	100.0% #C3D2D4	RGB 195 210 212	#C3D2D4

#2D656B #46777C #5F898E #789B9F #91ADB1 #AABFC2 #C3D2D4

#2D656B - #C3D2D4

HSV Blend

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

0.0%	0.0% #2D656B	RGB 45 101 107	#2D656B
16.7%	16.7% #3E767C	RGB 62 118 124	#3E767C
33.3%	33.3% #53878E	RGB 83 135 142	#53878E
50.0%	50.0% #6A999F	RGB 106 153 159	#6A999F
66.7%	66.7% #85ACB1	RGB 133 172 177	#85ACB1
83.3%	83.3% #A2BEC2	RGB 162 190 194	#A2BEC2
100.0%	100.0% #C3D2D4	RGB 195 210 212	#C3D2D4

#2D656B #3E767C #53878E #6A999F #85ACB1 #A2BEC2 #C3D2D4

#2D656B - #6A999F - #C3D2D4

CSS codes

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

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