#CF86BE - #FADDDB | 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 #CF86BE to #FADDDB

#CF86BE #FADDDB

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

#CF86BE - #FADDDB | 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 #CF86BE as 0% and #FADDDB as 100%.

0.0%	0.0% #CF86BE	RGB 207 134 190	#CF86BE
16.7%	16.7% #D694C2	RGB 214 148 194	#D694C2
33.3%	33.3% #DDA3C7	RGB 221 163 199	#DDA3C7
50.0%	50.0% #E4B1CC	RGB 228 177 204	#E4B1CC
66.7%	66.7% #EBC0D1	RGB 235 192 209	#EBC0D1
83.3%	83.3% #F2CED6	RGB 242 206 214	#F2CED6
100.0%	100.0% #FADDDB	RGB 250 221 219	#FADDDB

#CF86BE #D694C2 #DDA3C7 #E4B1CC #EBC0D1 #F2CED6 #FADDDB

#CF86BE - #FADDDB

HSV Blend

#CF86BE - #FADDDB | 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 #CF86BE as 0% and #FADDDB as 100%.

0.0%	0.0% #CF86BE	RGB 207 134 190	#CF86BE
16.7%	16.7% #D692BD	RGB 214 146 189	#D692BD
33.3%	33.3% #DDA0BE	RGB 221 160 190	#DDA0BE
50.0%	50.0% #E4AEC1	RGB 228 174 193	#E4AEC1
66.7%	66.7% #EBBCC6	RGB 235 188 198	#EBBCC6
83.3%	83.3% #F2CBCE	RGB 242 203 206	#F2CBCE
100.0%	100.0% #FADDDB	RGB 250 221 219	#FADDDB

#CF86BE #D692BD #DDA0BE #E4AEC1 #EBBCC6 #F2CBCE #FADDDB

#CF86BE - #E4AEC1 - #FADDDB

CSS codes

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

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