#5252FF - #0F06B4 | 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 #5252FF to #0F06B4

#5252FF #0F06B4

Calculate the color between two colors, #5252FF and #0F06B4. 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)

#5252FF - #0F06B4 | 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 #5252FF as 0% and #0F06B4 as 100%.

0.0%	0.0% #5252FF	RGB 82 82 255	#5252FF
16.7%	16.7% #4645F2	RGB 70 69 242	#4645F2
33.3%	33.3% #3B38E6	RGB 59 56 230	#3B38E6
50.0%	50.0% #302CD9	RGB 48 44 217	#302CD9
66.7%	66.7% #251FCD	RGB 37 31 205	#251FCD
83.3%	83.3% #1A12C0	RGB 26 18 192	#1A12C0
100.0%	100.0% #0F06B4	RGB 15 6 180	#0F06B4

#5252FF #4645F2 #3B38E6 #302CD9 #251FCD #1A12C0 #0F06B4

#5252FF - #0F06B4

HSV Blend

#5252FF - #0F06B4 | 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 #5252FF as 0% and #0F06B4 as 100%.

0.0%	0.0% #5251FF	RGB 82 81 255	#5251FF
16.7%	16.7% #4342F2	RGB 67 66 242	#4342F2
33.3%	33.3% #3633E6	RGB 54 51 230	#3633E6
50.0%	50.0% #2B26D9	RGB 43 38 217	#2B26D9
66.7%	66.7% #201ACD	RGB 32 26 205	#201ACD
83.3%	83.3% #170FC0	RGB 23 15 192	#170FC0
100.0%	100.0% #0F06B4	RGB 15 6 180	#0F06B4

#5251FF #4342F2 #3633E6 #2B26D9 #201ACD #170FC0 #0F06B4

#5252FF - #2B26D9 - #0F06B4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5251FF 0%, #2B26D9 50%, #0F06B4 100%);
    background: -webkit-linear-gradient(top, #5251FF 0%, #2B26D9 50%, #0F06B4 100%);
    background: linear-gradient(to bottom, #5251FF 0%, #2B26D9 50%, #0F06B4 100%);
}
</style>