#1425CC - #5E88F7 | 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 #1425CC to #5E88F7

#1425CC #5E88F7

Calculate the color between two colors, #1425CC and #5E88F7. 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)

#1425CC - #5E88F7 | 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 #1425CC as 0% and #5E88F7 as 100%.

0.0%	0.0% #1425CC	RGB 20 37 204	#1425CC
16.7%	16.7% #2035D3	RGB 32 53 211	#2035D3
33.3%	33.3% #2C46DA	RGB 44 70 218	#2C46DA
50.0%	50.0% #3956E1	RGB 57 86 225	#3956E1
66.7%	66.7% #4567E8	RGB 69 103 232	#4567E8
83.3%	83.3% #5177EF	RGB 81 119 239	#5177EF
100.0%	100.0% #5E88F7	RGB 94 136 247	#5E88F7

#1425CC #2035D3 #2C46DA #3956E1 #4567E8 #5177EF #5E88F7

#1425CC - #5E88F7

HSV Blend

#1425CC - #5E88F7 | 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 #1425CC as 0% and #5E88F7 as 100%.

0.0%	0.0% #1424CC	RGB 20 36 204	#1424CC
16.7%	16.7% #1E34D3	RGB 30 52 211	#1E34D3
33.3%	33.3% #2944DA	RGB 41 68 218	#2944DA
50.0%	50.0% #3555E1	RGB 53 85 225	#3555E1
66.7%	66.7% #4266E8	RGB 66 102 232	#4266E8
83.3%	83.3% #4F77EF	RGB 79 119 239	#4F77EF
100.0%	100.0% #5E88F7	RGB 94 136 247	#5E88F7

#1424CC #1E34D3 #2944DA #3555E1 #4266E8 #4F77EF #5E88F7

#1425CC - #3555E1 - #5E88F7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1424CC 0%, #3555E1 50%, #5E88F7 100%);
    background: -webkit-linear-gradient(top, #1424CC 0%, #3555E1 50%, #5E88F7 100%);
    background: linear-gradient(to bottom, #1424CC 0%, #3555E1 50%, #5E88F7 100%);
}
</style>