#2D5AEC - #C3CFF9 | 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 #2D5AEC to #C3CFF9

#2D5AEC #C3CFF9

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

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

0.0%	0.0% #2D5AEC	RGB 45 90 236	#2D5AEC
16.7%	16.7% #466DEE	RGB 70 109 238	#466DEE
33.3%	33.3% #5F81F0	RGB 95 129 240	#5F81F0
50.0%	50.0% #7894F2	RGB 120 148 242	#7894F2
66.7%	66.7% #91A8F4	RGB 145 168 244	#91A8F4
83.3%	83.3% #AABBF6	RGB 170 187 246	#AABBF6
100.0%	100.0% #C3CFF9	RGB 195 207 249	#C3CFF9

#2D5AEC #466DEE #5F81F0 #7894F2 #91A8F4 #AABBF6 #C3CFF9

#2D5AEC - #C3CFF9

HSV Blend

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

0.0%	0.0% #2C5AEC	RGB 44 90 236	#2C5AEC
16.7%	16.7% #446CEE	RGB 68 108 238	#446CEE
33.3%	33.3% #5D7FF0	RGB 93 127 240	#5D7FF0
50.0%	50.0% #7692F2	RGB 118 146 242	#7692F2
66.7%	66.7% #8FA6F4	RGB 143 166 244	#8FA6F4
83.3%	83.3% #A8BAF6	RGB 168 186 246	#A8BAF6
100.0%	100.0% #C3CFF9	RGB 195 207 249	#C3CFF9

#2C5AEC #446CEE #5D7FF0 #7692F2 #8FA6F4 #A8BAF6 #C3CFF9

#2D5AEC - #7692F2 - #C3CFF9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C5AEC 0%, #7692F2 50%, #C3CFF9 100%);
    background: -webkit-linear-gradient(top, #2C5AEC 0%, #7692F2 50%, #C3CFF9 100%);
    background: linear-gradient(to bottom, #2C5AEC 0%, #7692F2 50%, #C3CFF9 100%);
}
</style>