#C65DBB - #FE7CBC | 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 #C65DBB to #FE7CBC

#C65DBB #FE7CBC

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

#C65DBB - #FE7CBC | 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 #C65DBB as 0% and #FE7CBC as 100%.

0.0%	0.0% #C65DBB	RGB 198 93 187	#C65DBB
16.7%	16.7% #CF62BB	RGB 207 98 187	#CF62BB
33.3%	33.3% #D867BB	RGB 216 103 187	#D867BB
50.0%	50.0% #E26CBB	RGB 226 108 187	#E26CBB
66.7%	66.7% #EB71BB	RGB 235 113 187	#EB71BB
83.3%	83.3% #F476BB	RGB 244 118 187	#F476BB
100.0%	100.0% #FE7CBC	RGB 254 124 188	#FE7CBC

#C65DBB #CF62BB #D867BB #E26CBB #EB71BB #F476BB #FE7CBC

#C65DBB - #FE7CBC

HSV Blend

#C65DBB - #FE7CBC | 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 #C65DBB as 0% and #FE7CBC as 100%.

0.0%	0.0% #C65DBB	RGB 198 93 187	#C65DBB
16.7%	16.7% #CF62BC	RGB 207 98 188	#CF62BC
33.3%	33.3% #D867BD	RGB 216 103 189	#D867BD
50.0%	50.0% #E26CBD	RGB 226 108 189	#E26CBD
66.7%	66.7% #EB71BD	RGB 235 113 189	#EB71BD
83.3%	83.3% #F476BD	RGB 244 118 189	#F476BD
100.0%	100.0% #FE7CBC	RGB 254 124 188	#FE7CBC

#C65DBB #CF62BC #D867BD #E26CBD #EB71BD #F476BD #FE7CBC

#C65DBB - #E26CBD - #FE7CBC

CSS codes

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

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