#2D34DB - #4D8CFF | 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 #2D34DB to #4D8CFF

#2D34DB #4D8CFF

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

#2D34DB - #4D8CFF | 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 #2D34DB as 0% and #4D8CFF as 100%.

0.0%	0.0% #2D34DB	RGB 45 52 219	#2D34DB
16.7%	16.7% #3242E1	RGB 50 66 225	#3242E1
33.3%	33.3% #3751E7	RGB 55 81 231	#3751E7
50.0%	50.0% #3D60ED	RGB 61 96 237	#3D60ED
66.7%	66.7% #426EF3	RGB 66 110 243	#426EF3
83.3%	83.3% #477DF9	RGB 71 125 249	#477DF9
100.0%	100.0% #4D8CFF	RGB 77 140 255	#4D8CFF

#2D34DB #3242E1 #3751E7 #3D60ED #426EF3 #477DF9 #4D8CFF

#2D34DB - #4D8CFF

HSV Blend

#2D34DB - #4D8CFF | 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 #2D34DB as 0% and #4D8CFF as 100%.

0.0%	0.0% #2D33DB	RGB 45 51 219	#2D33DB
16.7%	16.7% #3142E1	RGB 49 66 225	#3142E1
33.3%	33.3% #3650E7	RGB 54 80 231	#3650E7
50.0%	50.0% #3C5EED	RGB 60 94 237	#3C5EED
66.7%	66.7% #416DF3	RGB 65 109 243	#416DF3
83.3%	83.3% #477CF9	RGB 71 124 249	#477CF9
100.0%	100.0% #4D8CFF	RGB 77 140 255	#4D8CFF

#2D33DB #3142E1 #3650E7 #3C5EED #416DF3 #477CF9 #4D8CFF

#2D34DB - #3C5EED - #4D8CFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D33DB 0%, #3C5EED 50%, #4D8CFF 100%);
    background: -webkit-linear-gradient(top, #2D33DB 0%, #3C5EED 50%, #4D8CFF 100%);
    background: linear-gradient(to bottom, #2D33DB 0%, #3C5EED 50%, #4D8CFF 100%);
}
</style>