#2B5A8C - #C2CFDE | 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 #2B5A8C to #C2CFDE

#2B5A8C #C2CFDE

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

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

0.0%	0.0% #2B5A8C	RGB 43 90 140	#2B5A8C
16.7%	16.7% #446D99	RGB 68 109 153	#446D99
33.3%	33.3% #5D81A7	RGB 93 129 167	#5D81A7
50.0%	50.0% #7694B5	RGB 118 148 181	#7694B5
66.7%	66.7% #8FA8C2	RGB 143 168 194	#8FA8C2
83.3%	83.3% #A8BBD0	RGB 168 187 208	#A8BBD0
100.0%	100.0% #C2CFDE	RGB 194 207 222	#C2CFDE

#2B5A8C #446D99 #5D81A7 #7694B5 #8FA8C2 #A8BBD0 #C2CFDE

#2B5A8C - #C2CFDE

HSV Blend

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

0.0%	0.0% #2B598C	RGB 43 89 140	#2B598C
16.7%	16.7% #3D6999	RGB 61 105 153	#3D6999
33.3%	33.3% #537BA7	RGB 83 123 167	#537BA7
50.0%	50.0% #6A8EB5	RGB 106 142 181	#6A8EB5
66.7%	66.7% #85A2C2	RGB 133 162 194	#85A2C2
83.3%	83.3% #A2B7D0	RGB 162 183 208	#A2B7D0
100.0%	100.0% #C2CFDE	RGB 194 207 222	#C2CFDE

#2B598C #3D6999 #537BA7 #6A8EB5 #85A2C2 #A2B7D0 #C2CFDE

#2B5A8C - #6A8EB5 - #C2CFDE

CSS codes

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

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