#C45EC7 - #CDC0D3 | 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 #C45EC7 to #CDC0D3

#C45EC7 #CDC0D3

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

#C45EC7 - #CDC0D3 | 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 #C45EC7 as 0% and #CDC0D3 as 100%.

0.0%	0.0% #C45EC7	RGB 196 94 199	#C45EC7
16.7%	16.7% #C56EC9	RGB 197 110 201	#C56EC9
33.3%	33.3% #C77ECB	RGB 199 126 203	#C77ECB
50.0%	50.0% #C88FCD	RGB 200 143 205	#C88FCD
66.7%	66.7% #CA9FCF	RGB 202 159 207	#CA9FCF
83.3%	83.3% #CBAFD1	RGB 203 175 209	#CBAFD1
100.0%	100.0% #CDC0D3	RGB 205 192 211	#CDC0D3

#C45EC7 #C56EC9 #C77ECB #C88FCD #CA9FCF #CBAFD1 #CDC0D3

#C45EC7 - #CDC0D3

HSV Blend

#C45EC7 - #CDC0D3 | 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 #C45EC7 as 0% and #CDC0D3 as 100%.

0.0%	0.0% #C45EC7	RGB 196 94 199	#C45EC7
16.7%	16.7% #C26DC9	RGB 194 109 201	#C26DC9
33.3%	33.3% #C17DCB	RGB 193 125 203	#C17DCB
50.0%	50.0% #C28DCD	RGB 194 141 205	#C28DCD
66.7%	66.7% #C49ECF	RGB 196 158 207	#C49ECF
83.3%	83.3% #C7AED1	RGB 199 174 209	#C7AED1
100.0%	100.0% #CDC0D3	RGB 205 192 211	#CDC0D3

#C45EC7 #C26DC9 #C17DCB #C28DCD #C49ECF #C7AED1 #CDC0D3

#C45EC7 - #C28DCD - #CDC0D3

CSS codes

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

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