#3C62AD - #C7D3E7 | 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 #3C62AD to #C7D3E7

#3C62AD #C7D3E7

Calculate the color between two colors, #3C62AD and #C7D3E7. 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)

#3C62AD - #C7D3E7 | 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 #3C62AD as 0% and #C7D3E7 as 100%.

0.0%	0.0% #3C62AD	RGB 60 98 173	#3C62AD
16.7%	16.7% #5374B6	RGB 83 116 182	#5374B6
33.3%	33.3% #6A87C0	RGB 106 135 192	#6A87C0
50.0%	50.0% #819ACA	RGB 129 154 202	#819ACA
66.7%	66.7% #98ADD3	RGB 152 173 211	#98ADD3
83.3%	83.3% #AFC0DD	RGB 175 192 221	#AFC0DD
100.0%	100.0% #C7D3E7	RGB 199 211 231	#C7D3E7

#3C62AD #5374B6 #6A87C0 #819ACA #98ADD3 #AFC0DD #C7D3E7

#3C62AD - #C7D3E7

HSV Blend

#3C62AD - #C7D3E7 | 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 #3C62AD as 0% and #C7D3E7 as 100%.

0.0%	0.0% #3C61AD	RGB 60 97 173	#3C61AD
16.7%	16.7% #4F72B6	RGB 79 114 182	#4F72B6
33.3%	33.3% #6384C0	RGB 99 132 192	#6384C0
50.0%	50.0% #7A96CA	RGB 122 150 202	#7A96CA
66.7%	66.7% #92A9D3	RGB 146 169 211	#92A9D3
83.3%	83.3% #ABBDDD	RGB 171 189 221	#ABBDDD
100.0%	100.0% #C7D3E7	RGB 199 211 231	#C7D3E7

#3C61AD #4F72B6 #6384C0 #7A96CA #92A9D3 #ABBDDD #C7D3E7

#3C62AD - #7A96CA - #C7D3E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C61AD 0%, #7A96CA 50%, #C7D3E7 100%);
    background: -webkit-linear-gradient(top, #3C61AD 0%, #7A96CA 50%, #C7D3E7 100%);
    background: linear-gradient(to bottom, #3C61AD 0%, #7A96CA 50%, #C7D3E7 100%);
}
</style>