#C764C7 - #381C38 | 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 #C764C7 to #381C38

#C764C7 #381C38

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

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

0.0%	0.0% #C764C7	RGB 199 100 199	#C764C7
16.7%	16.7% #AF58AF	RGB 175 88 175	#AF58AF
33.3%	33.3% #974C97	RGB 151 76 151	#974C97
50.0%	50.0% #7F407F	RGB 127 64 127	#7F407F
66.7%	66.7% #673467	RGB 103 52 103	#673467
83.3%	83.3% #4F284F	RGB 79 40 79	#4F284F
100.0%	100.0% #381C38	RGB 56 28 56	#381C38

#C764C7 #AF58AF #974C97 #7F407F #673467 #4F284F #381C38

#C764C7 - #381C38

HSV Blend

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

0.0%	0.0% #C764C7	RGB 199 100 199	#C764C7
16.7%	16.7% #AF57AF	RGB 175 87 175	#AF57AF
33.3%	33.3% #974B97	RGB 151 75 151	#974B97
50.0%	50.0% #7F3F7F	RGB 127 63 127	#7F3F7F
66.7%	66.7% #673367	RGB 103 51 103	#673367
83.3%	83.3% #4F274F	RGB 79 39 79	#4F274F
100.0%	100.0% #381C38	RGB 56 28 56	#381C38

#C764C7 #AF57AF #974B97 #7F3F7F #673367 #4F274F #381C38

#C764C7 - #7F3F7F - #381C38

CSS codes

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

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