#2D67DB - #ABC5FF | 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 #2D67DB to #ABC5FF

#2D67DB #ABC5FF

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

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

0.0%	0.0% #2D67DB	RGB 45 103 219	#2D67DB
16.7%	16.7% #4276E1	RGB 66 118 225	#4276E1
33.3%	33.3% #5786E7	RGB 87 134 231	#5786E7
50.0%	50.0% #6C96ED	RGB 108 150 237	#6C96ED
66.7%	66.7% #81A5F3	RGB 129 165 243	#81A5F3
83.3%	83.3% #96B5F9	RGB 150 181 249	#96B5F9
100.0%	100.0% #ABC5FF	RGB 171 197 255	#ABC5FF

#2D67DB #4276E1 #5786E7 #6C96ED #81A5F3 #96B5F9 #ABC5FF

#2D67DB - #ABC5FF

HSV Blend

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

0.0%	0.0% #2D67DB	RGB 45 103 219	#2D67DB
16.7%	16.7% #3F74E1	RGB 63 116 225	#3F74E1
33.3%	33.3% #5383E7	RGB 83 131 231	#5383E7
50.0%	50.0% #6792ED	RGB 103 146 237	#6792ED
66.7%	66.7% #7DA2F3	RGB 125 162 243	#7DA2F3
83.3%	83.3% #93B3F9	RGB 147 179 249	#93B3F9
100.0%	100.0% #ABC5FF	RGB 171 197 255	#ABC5FF

#2D67DB #3F74E1 #5383E7 #6792ED #7DA2F3 #93B3F9 #ABC5FF

#2D67DB - #6792ED - #ABC5FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D67DB 0%, #6792ED 50%, #ABC5FF 100%);
    background: -webkit-linear-gradient(top, #2D67DB 0%, #6792ED 50%, #ABC5FF 100%);
    background: linear-gradient(to bottom, #2D67DB 0%, #6792ED 50%, #ABC5FF 100%);
}
</style>