#2A60A8 - #C2D1E6 | 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 #2A60A8 to #C2D1E6

#2A60A8 #C2D1E6

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

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

0.0%	0.0% #2A60A8	RGB 42 96 168	#2A60A8
16.7%	16.7% #4372B2	RGB 67 114 178	#4372B2
33.3%	33.3% #5C85BC	RGB 92 133 188	#5C85BC
50.0%	50.0% #7698C7	RGB 118 152 199	#7698C7
66.7%	66.7% #8FABD1	RGB 143 171 209	#8FABD1
83.3%	83.3% #A8BEDB	RGB 168 190 219	#A8BEDB
100.0%	100.0% #C2D1E6	RGB 194 209 230	#C2D1E6

#2A60A8 #4372B2 #5C85BC #7698C7 #8FABD1 #A8BEDB #C2D1E6

#2A60A8 - #C2D1E6

HSV Blend

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

0.0%	0.0% #2A60A8	RGB 42 96 168	#2A60A8
16.7%	16.7% #3E6FB2	RGB 62 111 178	#3E6FB2
33.3%	33.3% #5480BC	RGB 84 128 188	#5480BC
50.0%	50.0% #6C92C7	RGB 108 146 199	#6C92C7
66.7%	66.7% #87A6D1	RGB 135 166 209	#87A6D1
83.3%	83.3% #A3BBDB	RGB 163 187 219	#A3BBDB
100.0%	100.0% #C2D1E6	RGB 194 209 230	#C2D1E6

#2A60A8 #3E6FB2 #5480BC #6C92C7 #87A6D1 #A3BBDB #C2D1E6

#2A60A8 - #6C92C7 - #C2D1E6

CSS codes

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

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