#CF86CF - #3B263B | 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 #CF86CF to #3B263B

#CF86CF #3B263B

Calculate the color between two colors, #CF86CF and #3B263B. 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)

#CF86CF - #3B263B | 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 #CF86CF as 0% and #3B263B as 100%.

0.0%	0.0% #CF86CF	RGB 207 134 207	#CF86CF
16.7%	16.7% #B676B6	RGB 182 118 182	#B676B6
33.3%	33.3% #9D669D	RGB 157 102 157	#9D669D
50.0%	50.0% #855685	RGB 133 86 133	#855685
66.7%	66.7% #6C466C	RGB 108 70 108	#6C466C
83.3%	83.3% #533653	RGB 83 54 83	#533653
100.0%	100.0% #3B263B	RGB 59 38 59	#3B263B

#CF86CF #B676B6 #9D669D #855685 #6C466C #533653 #3B263B

#CF86CF - #3B263B

HSV Blend

#CF86CF - #3B263B | 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 #CF86CF as 0% and #3B263B as 100%.

0.0%	0.0% #CF86CF	RGB 207 134 207	#CF86CF
16.7%	16.7% #B675B6	RGB 182 117 182	#B675B6
33.3%	33.3% #9D659D	RGB 157 101 157	#9D659D
50.0%	50.0% #855585	RGB 133 85 133	#855585
66.7%	66.7% #6C456C	RGB 108 69 108	#6C456C
83.3%	83.3% #533553	RGB 83 53 83	#533553
100.0%	100.0% #3B263B	RGB 59 38 59	#3B263B

#CF86CF #B675B6 #9D659D #855585 #6C456C #533553 #3B263B

#CF86CF - #855585 - #3B263B

CSS codes

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

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