#C35BA2 - #FF7CDD | 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 #C35BA2 to #FF7CDD

#C35BA2 #FF7CDD

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

#C35BA2 - #FF7CDD | 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 #C35BA2 as 0% and #FF7CDD as 100%.

0.0%	0.0% #C35BA2	RGB 195 91 162	#C35BA2
16.7%	16.7% #CD60AB	RGB 205 96 171	#CD60AB
33.3%	33.3% #D766B5	RGB 215 102 181	#D766B5
50.0%	50.0% #E16BBF	RGB 225 107 191	#E16BBF
66.7%	66.7% #EB71C9	RGB 235 113 201	#EB71C9
83.3%	83.3% #F576D3	RGB 245 118 211	#F576D3
100.0%	100.0% #FF7CDD	RGB 255 124 221	#FF7CDD

#C35BA2 #CD60AB #D766B5 #E16BBF #EB71C9 #F576D3 #FF7CDD

#C35BA2 - #FF7CDD

HSV Blend

#C35BA2 - #FF7CDD | 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 #C35BA2 as 0% and #FF7CDD as 100%.

0.0%	0.0% #C35BA2	RGB 195 91 162	#C35BA2
16.7%	16.7% #CD60AB	RGB 205 96 171	#CD60AB
33.3%	33.3% #D765B5	RGB 215 101 181	#D765B5
50.0%	50.0% #E16BBF	RGB 225 107 191	#E16BBF
66.7%	66.7% #EB70C8	RGB 235 112 200	#EB70C8
83.3%	83.3% #F576D2	RGB 245 118 210	#F576D2
100.0%	100.0% #FF7CDD	RGB 255 124 221	#FF7CDD

#C35BA2 #CD60AB #D765B5 #E16BBF #EB70C8 #F576D2 #FF7CDD

#C35BA2 - #E16BBF - #FF7CDD

CSS codes

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

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