#2D45DA - #589CFF | 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 #2D45DA to #589CFF

#2D45DA #589CFF

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

#2D45DA - #589CFF | 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 #2D45DA as 0% and #589CFF as 100%.

0.0%	0.0% #2D45DA	RGB 45 69 218	#2D45DA
16.7%	16.7% #3453E0	RGB 52 83 224	#3453E0
33.3%	33.3% #3B62E6	RGB 59 98 230	#3B62E6
50.0%	50.0% #4270EC	RGB 66 112 236	#4270EC
66.7%	66.7% #497FF2	RGB 73 127 242	#497FF2
83.3%	83.3% #508DF8	RGB 80 141 248	#508DF8
100.0%	100.0% #589CFF	RGB 88 156 255	#589CFF

#2D45DA #3453E0 #3B62E6 #4270EC #497FF2 #508DF8 #589CFF

#2D45DA - #589CFF

HSV Blend

#2D45DA - #589CFF | 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 #2D45DA as 0% and #589CFF as 100%.

0.0%	0.0% #2D45DA	RGB 45 69 218	#2D45DA
16.7%	16.7% #3353E0	RGB 51 83 224	#3353E0
33.3%	33.3% #3A61E6	RGB 58 97 230	#3A61E6
50.0%	50.0% #416FEC	RGB 65 111 236	#416FEC
66.7%	66.7% #487EF2	RGB 72 126 242	#487EF2
83.3%	83.3% #508DF8	RGB 80 141 248	#508DF8
100.0%	100.0% #589CFF	RGB 88 156 255	#589CFF

#2D45DA #3353E0 #3A61E6 #416FEC #487EF2 #508DF8 #589CFF

#2D45DA - #416FEC - #589CFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D45DA 0%, #416FEC 50%, #589CFF 100%);
    background: -webkit-linear-gradient(top, #2D45DA 0%, #416FEC 50%, #589CFF 100%);
    background: linear-gradient(to bottom, #2D45DA 0%, #416FEC 50%, #589CFF 100%);
}
</style>