#ABC9FF - #2D60DC | 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 #ABC9FF to #2D60DC

#ABC9FF #2D60DC

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

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

0.0%	0.0% #ABC9FF	RGB 171 201 255	#ABC9FF
16.7%	16.7% #96B7F9	RGB 150 183 249	#96B7F9
33.3%	33.3% #81A6F3	RGB 129 166 243	#81A6F3
50.0%	50.0% #6C94ED	RGB 108 148 237	#6C94ED
66.7%	66.7% #5783E7	RGB 87 131 231	#5783E7
83.3%	83.3% #4271E1	RGB 66 113 225	#4271E1
100.0%	100.0% #2D60DC	RGB 45 96 220	#2D60DC

#ABC9FF #96B7F9 #81A6F3 #6C94ED #5783E7 #4271E1 #2D60DC

#ABC9FF - #2D60DC

HSV Blend

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

0.0%	0.0% #ABC9FF	RGB 171 201 255	#ABC9FF
16.7%	16.7% #93B6F9	RGB 147 182 249	#93B6F9
33.3%	33.3% #7DA4F3	RGB 125 164 243	#7DA4F3
50.0%	50.0% #6793ED	RGB 103 147 237	#6793ED
66.7%	66.7% #5381E7	RGB 83 129 231	#5381E7
83.3%	83.3% #3F70E1	RGB 63 112 225	#3F70E1
100.0%	100.0% #2D60DC	RGB 45 96 220	#2D60DC

#ABC9FF #93B6F9 #7DA4F3 #6793ED #5381E7 #3F70E1 #2D60DC

#ABC9FF - #6793ED - #2D60DC

CSS codes

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

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