#F2C6E1 - #CD659D | 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 #F2C6E1 to #CD659D

#F2C6E1 #CD659D

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

#F2C6E1 - #CD659D | 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 #F2C6E1 as 0% and #CD659D as 100%.

0.0%	0.0% #F2C6E1	RGB 242 198 225	#F2C6E1
16.7%	16.7% #EBB5D5	RGB 235 181 213	#EBB5D5
33.3%	33.3% #E5A5CA	RGB 229 165 202	#E5A5CA
50.0%	50.0% #DF95BF	RGB 223 149 191	#DF95BF
66.7%	66.7% #D985B3	RGB 217 133 179	#D985B3
83.3%	83.3% #D375A8	RGB 211 117 168	#D375A8
100.0%	100.0% #CD659D	RGB 205 101 157	#CD659D

#F2C6E1 #EBB5D5 #E5A5CA #DF95BF #D985B3 #D375A8 #CD659D

#F2C6E1 - #CD659D

HSV Blend

#F2C6E1 - #CD659D | 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 #F2C6E1 as 0% and #CD659D as 100%.

0.0%	0.0% #F2C6E1	RGB 242 198 225	#F2C6E1
16.7%	16.7% #EBB4D5	RGB 235 180 213	#EBB4D5
33.3%	33.3% #E5A2CA	RGB 229 162 202	#E5A2CA
50.0%	50.0% #DF92BE	RGB 223 146 190	#DF92BE
66.7%	66.7% #D982B3	RGB 217 130 179	#D982B3
83.3%	83.3% #D373A8	RGB 211 115 168	#D373A8
100.0%	100.0% #CD659D	RGB 205 101 157	#CD659D

#F2C6E1 #EBB4D5 #E5A2CA #DF92BE #D982B3 #D373A8 #CD659D

#F2C6E1 - #DF92BE - #CD659D

CSS codes

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

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