#C76BCC - #381E3A | 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 #C76BCC to #381E3A

#C76BCC #381E3A

Calculate the color between two colors, #C76BCC and #381E3A. 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)

#C76BCC - #381E3A | 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 #C76BCC as 0% and #381E3A as 100%.

0.0%	0.0% #C76BCC	RGB 199 107 204	#C76BCC
16.7%	16.7% #AF5EB3	RGB 175 94 179	#AF5EB3
33.3%	33.3% #97519B	RGB 151 81 155	#97519B
50.0%	50.0% #7F4483	RGB 127 68 131	#7F4483
66.7%	66.7% #67376A	RGB 103 55 106	#67376A
83.3%	83.3% #4F2A52	RGB 79 42 82	#4F2A52
100.0%	100.0% #381E3A	RGB 56 30 58	#381E3A

#C76BCC #AF5EB3 #97519B #7F4483 #67376A #4F2A52 #381E3A

#C76BCC - #381E3A

HSV Blend

#C76BCC - #381E3A | 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 #C76BCC as 0% and #381E3A as 100%.

0.0%	0.0% #C76BCC	RGB 199 107 204	#C76BCC
16.7%	16.7% #AE5EB3	RGB 174 94 179	#AE5EB3
33.3%	33.3% #97519B	RGB 151 81 155	#97519B
50.0%	50.0% #7F4483	RGB 127 68 131	#7F4483
66.7%	66.7% #67376A	RGB 103 55 106	#67376A
83.3%	83.3% #4F2A52	RGB 79 42 82	#4F2A52
100.0%	100.0% #381E3A	RGB 56 30 58	#381E3A

#C76BCC #AE5EB3 #97519B #7F4483 #67376A #4F2A52 #381E3A

#C76BCC - #7F4483 - #381E3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C76BCC 0%, #7F4483 50%, #381E3A 100%);
    background: -webkit-linear-gradient(top, #C76BCC 0%, #7F4483 50%, #381E3A 100%);
    background: linear-gradient(to bottom, #C76BCC 0%, #7F4483 50%, #381E3A 100%);
}
</style>