#2B69AF - #C2D3E8 | 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 #2B69AF to #C2D3E8

#2B69AF #C2D3E8

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

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

0.0%	0.0% #2B69AF	RGB 43 105 175	#2B69AF
16.7%	16.7% #447AB8	RGB 68 122 184	#447AB8
33.3%	33.3% #5D8CC2	RGB 93 140 194	#5D8CC2
50.0%	50.0% #769ECB	RGB 118 158 203	#769ECB
66.7%	66.7% #8FAFD5	RGB 143 175 213	#8FAFD5
83.3%	83.3% #A8C1DE	RGB 168 193 222	#A8C1DE
100.0%	100.0% #C2D3E8	RGB 194 211 232	#C2D3E8

#2B69AF #447AB8 #5D8CC2 #769ECB #8FAFD5 #A8C1DE #C2D3E8

#2B69AF - #C2D3E8

HSV Blend

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

0.0%	0.0% #2B68AF	RGB 43 104 175	#2B68AF
16.7%	16.7% #3F77B8	RGB 63 119 184	#3F77B8
33.3%	33.3% #5587C2	RGB 85 135 194	#5587C2
50.0%	50.0% #6E98CB	RGB 110 152 203	#6E98CB
66.7%	66.7% #88ABD5	RGB 136 171 213	#88ABD5
83.3%	83.3% #A4BEDE	RGB 164 190 222	#A4BEDE
100.0%	100.0% #C2D3E8	RGB 194 211 232	#C2D3E8

#2B68AF #3F77B8 #5587C2 #6E98CB #88ABD5 #A4BEDE #C2D3E8

#2B69AF - #6E98CB - #C2D3E8

CSS codes

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

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