#CFBBCC - #A85C83 | 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 #CFBBCC to #A85C83

#CFBBCC #A85C83

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

#CFBBCC - #A85C83 | 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 #CFBBCC as 0% and #A85C83 as 100%.

0.0%	0.0% #CFBBCC	RGB 207 187 204	#CFBBCC
16.7%	16.7% #C8ABBF	RGB 200 171 191	#C8ABBF
33.3%	33.3% #C29BB3	RGB 194 155 179	#C29BB3
50.0%	50.0% #BB8BA7	RGB 187 139 167	#BB8BA7
66.7%	66.7% #B57B9B	RGB 181 123 155	#B57B9B
83.3%	83.3% #AE6B8F	RGB 174 107 143	#AE6B8F
100.0%	100.0% #A85C83	RGB 168 92 131	#A85C83

#CFBBCC #C8ABBF #C29BB3 #BB8BA7 #B57B9B #AE6B8F #A85C83

#CFBBCC - #A85C83

HSV Blend

#CFBBCC - #A85C83 | 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 #CFBBCC as 0% and #A85C83 as 100%.

0.0%	0.0% #CFBBCC	RGB 207 187 204	#CFBBCC
16.7%	16.7% #C8A9C2	RGB 200 169 194	#C8A9C2
33.3%	33.3% #C298B7	RGB 194 152 183	#C298B7
50.0%	50.0% #BB88AB	RGB 187 136 171	#BB88AB
66.7%	66.7% #B5789E	RGB 181 120 158	#B5789E
83.3%	83.3% #AE6990	RGB 174 105 144	#AE6990
100.0%	100.0% #A85C83	RGB 168 92 131	#A85C83

#CFBBCC #C8A9C2 #C298B7 #BB88AB #B5789E #AE6990 #A85C83

#CFBBCC - #BB88AB - #A85C83

CSS codes

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

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