#C17DBB - #8C1F77 | 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 #C17DBB to #8C1F77

#C17DBB #8C1F77

Calculate the color between two colors, #C17DBB and #8C1F77. 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)

#C17DBB - #8C1F77 | 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 #C17DBB as 0% and #8C1F77 as 100%.

0.0%	0.0% #C17DBB	RGB 193 125 187	#C17DBB
16.7%	16.7% #B86DAF	RGB 184 109 175	#B86DAF
33.3%	33.3% #AF5DA4	RGB 175 93 164	#AF5DA4
50.0%	50.0% #A64E99	RGB 166 78 153	#A64E99
66.7%	66.7% #9D3E8D	RGB 157 62 141	#9D3E8D
83.3%	83.3% #942E82	RGB 148 46 130	#942E82
100.0%	100.0% #8C1F77	RGB 140 31 119	#8C1F77

#C17DBB #B86DAF #AF5DA4 #A64E99 #9D3E8D #942E82 #8C1F77

#C17DBB - #8C1F77

HSV Blend

#C17DBB - #8C1F77 | 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 #C17DBB as 0% and #8C1F77 as 100%.

0.0%	0.0% #C17DBA	RGB 193 125 186	#C17DBA
16.7%	16.7% #B86AAF	RGB 184 106 175	#B86AAF
33.3%	33.3% #AF58A4	RGB 175 88 164	#AF58A4
50.0%	50.0% #A64899	RGB 166 72 153	#A64899
66.7%	66.7% #9D398D	RGB 157 57 141	#9D398D
83.3%	83.3% #942B82	RGB 148 43 130	#942B82
100.0%	100.0% #8C1F77	RGB 140 31 119	#8C1F77

#C17DBA #B86AAF #AF58A4 #A64899 #9D398D #942B82 #8C1F77

#C17DBB - #A64899 - #8C1F77

CSS codes

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

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