#6F3A8D - #CF8994 | 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 #6F3A8D to #CF8994

#6F3A8D #CF8994

Calculate the color between two colors, #6F3A8D and #CF8994. 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)

#6F3A8D - #CF8994 | 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 #6F3A8D as 0% and #CF8994 as 100%.

0.0%	0.0% #6F3A8D	RGB 111 58 141	#6F3A8D
16.7%	16.7% #7F478E	RGB 127 71 142	#7F478E
33.3%	33.3% #8F548F	RGB 143 84 143	#8F548F
50.0%	50.0% #9F6190	RGB 159 97 144	#9F6190
66.7%	66.7% #AF6E91	RGB 175 110 145	#AF6E91
83.3%	83.3% #BF7B92	RGB 191 123 146	#BF7B92
100.0%	100.0% #CF8994	RGB 207 137 148	#CF8994

#6F3A8D #7F478E #8F548F #9F6190 #AF6E91 #BF7B92 #CF8994

#6F3A8D - #CF8994

HSV Blend

#6F3A8D - #CF8994 | 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 #6F3A8D as 0% and #CF8994 as 100%.

0.0%	0.0% #6F3A8D	RGB 111 58 141	#6F3A8D
16.7%	16.7% #8A4498	RGB 138 68 152	#8A4498
33.3%	33.3% #A3509F	RGB 163 80 159	#A3509F
50.0%	50.0% #AE5D9A	RGB 174 93 154	#AE5D9A
66.7%	66.7% #B96A96	RGB 185 106 150	#B96A96
83.3%	83.3% #C47994	RGB 196 121 148	#C47994
100.0%	100.0% #CF8994	RGB 207 137 148	#CF8994

#6F3A8D #8A4498 #A3509F #AE5D9A #B96A96 #C47994 #CF8994

#6F3A8D - #AE5D9A - #CF8994

CSS codes

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

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