#B74CDB - #FE66F2 | 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 #B74CDB to #FE66F2

#B74CDB #FE66F2

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

#B74CDB - #FE66F2 | 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 #B74CDB as 0% and #FE66F2 as 100%.

0.0%	0.0% #B74CDB	RGB 183 76 219	#B74CDB
16.7%	16.7% #C250DE	RGB 194 80 222	#C250DE
33.3%	33.3% #CE54E2	RGB 206 84 226	#CE54E2
50.0%	50.0% #DA59E6	RGB 218 89 230	#DA59E6
66.7%	66.7% #E65DEA	RGB 230 93 234	#E65DEA
83.3%	83.3% #F261EE	RGB 242 97 238	#F261EE
100.0%	100.0% #FE66F2	RGB 254 102 242	#FE66F2

#B74CDB #C250DE #CE54E2 #DA59E6 #E65DEA #F261EE #FE66F2

#B74CDB - #FE66F2

HSV Blend

#B74CDB - #FE66F2 | 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 #B74CDB as 0% and #FE66F2 as 100%.

0.0%	0.0% #B74CDB	RGB 183 76 219	#B74CDB
16.7%	16.7% #C450E0	RGB 196 80 224	#C450E0
33.3%	33.3% #D154E6	RGB 209 84 230	#D154E6
50.0%	50.0% #DF58EC	RGB 223 88 236	#DF58EC
66.7%	66.7% #ED5CF2	RGB 237 92 242	#ED5CF2
83.3%	83.3% #F861F4	RGB 248 97 244	#F861F4
100.0%	100.0% #FE66F2	RGB 254 102 242	#FE66F2

#B74CDB #C450E0 #D154E6 #DF58EC #ED5CF2 #F861F4 #FE66F2

#B74CDB - #DF58EC - #FE66F2

CSS codes

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

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