#C55ECD - #D1A8DD | 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 #C55ECD to #D1A8DD

#C55ECD #D1A8DD

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

#C55ECD - #D1A8DD | 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 #C55ECD as 0% and #D1A8DD as 100%.

0.0%	0.0% #C55ECD	RGB 197 94 205	#C55ECD
16.7%	16.7% #C76ACF	RGB 199 106 207	#C76ACF
33.3%	33.3% #C976D2	RGB 201 118 210	#C976D2
50.0%	50.0% #CB83D5	RGB 203 131 213	#CB83D5
66.7%	66.7% #CD8FD7	RGB 205 143 215	#CD8FD7
83.3%	83.3% #CF9BDA	RGB 207 155 218	#CF9BDA
100.0%	100.0% #D1A8DD	RGB 209 168 221	#D1A8DD

#C55ECD #C76ACF #C976D2 #CB83D5 #CD8FD7 #CF9BDA #D1A8DD

#C55ECD - #D1A8DD

HSV Blend

#C55ECD - #D1A8DD | 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 #C55ECD as 0% and #D1A8DD as 100%.

0.0%	0.0% #C55ECD	RGB 197 94 205	#C55ECD
16.7%	16.7% #C569CF	RGB 197 105 207	#C569CF
33.3%	33.3% #C675D2	RGB 198 117 210	#C675D2
50.0%	50.0% #C881D5	RGB 200 129 213	#C881D5
66.7%	66.7% #CA8ED7	RGB 202 142 215	#CA8ED7
83.3%	83.3% #CD9ADA	RGB 205 154 218	#CD9ADA
100.0%	100.0% #D1A8DD	RGB 209 168 221	#D1A8DD

#C55ECD #C569CF #C675D2 #C881D5 #CA8ED7 #CD9ADA #D1A8DD

#C55ECD - #C881D5 - #D1A8DD

CSS codes

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

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