#C17E9F - #CDBAC5 | 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 #C17E9F to #CDBAC5

#C17E9F #CDBAC5

Calculate the color between two colors, #C17E9F and #CDBAC5. 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)

#C17E9F - #CDBAC5 | 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 #C17E9F as 0% and #CDBAC5 as 100%.

0.0%	0.0% #C17E9F	RGB 193 126 159	#C17E9F
16.7%	16.7% #C388A5	RGB 195 136 165	#C388A5
33.3%	33.3% #C592AB	RGB 197 146 171	#C592AB
50.0%	50.0% #C79CB2	RGB 199 156 178	#C79CB2
66.7%	66.7% #C9A6B8	RGB 201 166 184	#C9A6B8
83.3%	83.3% #CBB0BE	RGB 203 176 190	#CBB0BE
100.0%	100.0% #CDBAC5	RGB 205 186 197	#CDBAC5

#C17E9F #C388A5 #C592AB #C79CB2 #C9A6B8 #CBB0BE #CDBAC5

#C17E9F - #CDBAC5

HSV Blend

#C17E9F - #CDBAC5 | 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 #C17E9F as 0% and #CDBAC5 as 100%.

0.0%	0.0% #C17E9F	RGB 193 126 159	#C17E9F
16.7%	16.7% #C387A5	RGB 195 135 165	#C387A5
33.3%	33.3% #C591AC	RGB 197 145 172	#C591AC
50.0%	50.0% #C79BB2	RGB 199 155 178	#C79BB2
66.7%	66.7% #C9A5B8	RGB 201 165 184	#C9A5B8
83.3%	83.3% #CBAFBF	RGB 203 175 191	#CBAFBF
100.0%	100.0% #CDBAC5	RGB 205 186 197	#CDBAC5

#C17E9F #C387A5 #C591AC #C79BB2 #C9A5B8 #CBAFBF #CDBAC5

#C17E9F - #C79BB2 - #CDBAC5

CSS codes

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

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