#2D68DB - #4151FE | 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 #2D68DB to #4151FE

#2D68DB #4151FE

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

#2D68DB - #4151FE | 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 #2D68DB as 0% and #4151FE as 100%.

0.0%	0.0% #2D68DB	RGB 45 104 219	#2D68DB
16.7%	16.7% #3064E0	RGB 48 100 224	#3064E0
33.3%	33.3% #3360E6	RGB 51 96 230	#3360E6
50.0%	50.0% #375CEC	RGB 55 92 236	#375CEC
66.7%	66.7% #3A58F2	RGB 58 88 242	#3A58F2
83.3%	83.3% #3D54F8	RGB 61 84 248	#3D54F8
100.0%	100.0% #4151FE	RGB 65 81 254	#4151FE

#2D68DB #3064E0 #3360E6 #375CEC #3A58F2 #3D54F8 #4151FE

#2D68DB - #4151FE

HSV Blend

#2D68DB - #4151FE | 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 #2D68DB as 0% and #4151FE as 100%.

0.0%	0.0% #2D68DB	RGB 45 104 219	#2D68DB
16.7%	16.7% #3064E0	RGB 48 100 224	#3064E0
33.3%	33.3% #3360E6	RGB 51 96 230	#3360E6
50.0%	50.0% #365DEC	RGB 54 93 236	#365DEC
66.7%	66.7% #3959F2	RGB 57 89 242	#3959F2
83.3%	83.3% #3D55F8	RGB 61 85 248	#3D55F8
100.0%	100.0% #4151FE	RGB 65 81 254	#4151FE

#2D68DB #3064E0 #3360E6 #365DEC #3959F2 #3D55F8 #4151FE

#2D68DB - #365DEC - #4151FE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D68DB 0%, #365DEC 50%, #4151FE 100%);
    background: -webkit-linear-gradient(top, #2D68DB 0%, #365DEC 50%, #4151FE 100%);
    background: linear-gradient(to bottom, #2D68DB 0%, #365DEC 50%, #4151FE 100%);
}
</style>