#B45EC9 - #FF7CF4 | 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 #B45EC9 to #FF7CF4

#B45EC9 #FF7CF4

Calculate the color between two colors, #B45EC9 and #FF7CF4. 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)

#B45EC9 - #FF7CF4 | 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 #B45EC9 as 0% and #FF7CF4 as 100%.

0.0%	0.0% #B45EC9	RGB 180 94 201	#B45EC9
16.7%	16.7% #C063D0	RGB 192 99 208	#C063D0
33.3%	33.3% #CD68D7	RGB 205 104 215	#CD68D7
50.0%	50.0% #D96DDE	RGB 217 109 222	#D96DDE
66.7%	66.7% #E672E5	RGB 230 114 229	#E672E5
83.3%	83.3% #F277EC	RGB 242 119 236	#F277EC
100.0%	100.0% #FF7CF4	RGB 255 124 244	#FF7CF4

#B45EC9 #C063D0 #CD68D7 #D96DDE #E672E5 #F277EC #FF7CF4

#B45EC9 - #FF7CF4

HSV Blend

#B45EC9 - #FF7CF4 | 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 #B45EC9 as 0% and #FF7CF4 as 100%.

0.0%	0.0% #B45EC9	RGB 180 94 201	#B45EC9
16.7%	16.7% #C162D2	RGB 193 98 210	#C162D2
33.3%	33.3% #CF67DB	RGB 207 103 219	#CF67DB
50.0%	50.0% #DD6CE4	RGB 221 108 228	#DD6CE4
66.7%	66.7% #EB71ED	RGB 235 113 237	#EB71ED
83.3%	83.3% #F676F1	RGB 246 118 241	#F676F1
100.0%	100.0% #FF7CF4	RGB 255 124 244	#FF7CF4

#B45EC9 #C162D2 #CF67DB #DD6CE4 #EB71ED #F676F1 #FF7CF4

#B45EC9 - #DD6CE4 - #FF7CF4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B45EC9 0%, #DD6CE4 50%, #FF7CF4 100%);
    background: -webkit-linear-gradient(top, #B45EC9 0%, #DD6CE4 50%, #FF7CF4 100%);
    background: linear-gradient(to bottom, #B45EC9 0%, #DD6CE4 50%, #FF7CF4 100%);
}
</style>