#CF79D1 - #FFCFD1 | 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 #CF79D1 to #FFCFD1

#CF79D1 #FFCFD1

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

#CF79D1 - #FFCFD1 | 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 #CF79D1 as 0% and #FFCFD1 as 100%.

0.0%	0.0% #CF79D1	RGB 207 121 209	#CF79D1
16.7%	16.7% #D787D1	RGB 215 135 209	#D787D1
33.3%	33.3% #DF95D1	RGB 223 149 209	#DF95D1
50.0%	50.0% #E7A4D1	RGB 231 164 209	#E7A4D1
66.7%	66.7% #EFB2D1	RGB 239 178 209	#EFB2D1
83.3%	83.3% #F7C0D1	RGB 247 192 209	#F7C0D1
100.0%	100.0% #FFCFD1	RGB 255 207 209	#FFCFD1

#CF79D1 #D787D1 #DF95D1 #E7A4D1 #EFB2D1 #F7C0D1 #FFCFD1

#CF79D1 - #FFCFD1

HSV Blend

#CF79D1 - #FFCFD1 | 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 #CF79D1 as 0% and #FFCFD1 as 100%.

0.0%	0.0% #CF79D1	RGB 207 121 209	#CF79D1
16.7%	16.7% #D885CD	RGB 216 133 205	#D885CD
33.3%	33.3% #E093C8	RGB 224 147 200	#E093C8
50.0%	50.0% #E8A1C6	RGB 232 161 198	#E8A1C6
66.7%	66.7% #EFAFC7	RGB 239 175 199	#EFAFC7
83.3%	83.3% #F7BFCA	RGB 247 191 202	#F7BFCA
100.0%	100.0% #FFCFD1	RGB 255 207 209	#FFCFD1

#CF79D1 #D885CD #E093C8 #E8A1C6 #EFAFC7 #F7BFCA #FFCFD1

#CF79D1 - #E8A1C6 - #FFCFD1

CSS codes

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

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