#C065AF - #F8C5D1 | 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 #C065AF to #F8C5D1

#C065AF #F8C5D1

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

#C065AF - #F8C5D1 | 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 #C065AF as 0% and #F8C5D1 as 100%.

0.0%	0.0% #C065AF	RGB 192 101 175	#C065AF
16.7%	16.7% #C975B4	RGB 201 117 180	#C975B4
33.3%	33.3% #D285BA	RGB 210 133 186	#D285BA
50.0%	50.0% #DC95C0	RGB 220 149 192	#DC95C0
66.7%	66.7% #E5A5C5	RGB 229 165 197	#E5A5C5
83.3%	83.3% #EEB5CB	RGB 238 181 203	#EEB5CB
100.0%	100.0% #F8C5D1	RGB 248 197 209	#F8C5D1

#C065AF #C975B4 #D285BA #DC95C0 #E5A5C5 #EEB5CB #F8C5D1

#C065AF - #F8C5D1

HSV Blend

#C065AF - #F8C5D1 | 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 #C065AF as 0% and #F8C5D1 as 100%.

0.0%	0.0% #C065AF	RGB 192 101 175	#C065AF
16.7%	16.7% #C972B0	RGB 201 114 176	#C972B0
33.3%	33.3% #D281B3	RGB 210 129 179	#D281B3
50.0%	50.0% #DC91B8	RGB 220 145 184	#DC91B8
66.7%	66.7% #E5A1BE	RGB 229 161 190	#E5A1BE
83.3%	83.3% #EEB2C6	RGB 238 178 198	#EEB2C6
100.0%	100.0% #F8C5D1	RGB 248 197 209	#F8C5D1

#C065AF #C972B0 #D281B3 #DC91B8 #E5A1BE #EEB2C6 #F8C5D1

#C065AF - #DC91B8 - #F8C5D1

CSS codes

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

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