#CF9DAB - #9A455C | 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 #CF9DAB to #9A455C

#CF9DAB #9A455C

Calculate the color between two colors, #CF9DAB and #9A455C. 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)

#CF9DAB - #9A455C | 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 #CF9DAB as 0% and #9A455C as 100%.

0.0%	0.0% #CF9DAB	RGB 207 157 171	#CF9DAB
16.7%	16.7% #C68E9D	RGB 198 142 157	#C68E9D
33.3%	33.3% #BD7F90	RGB 189 127 144	#BD7F90
50.0%	50.0% #B47183	RGB 180 113 131	#B47183
66.7%	66.7% #AB6276	RGB 171 98 118	#AB6276
83.3%	83.3% #A25369	RGB 162 83 105	#A25369
100.0%	100.0% #9A455C	RGB 154 69 92	#9A455C

#CF9DAB #C68E9D #BD7F90 #B47183 #AB6276 #A25369 #9A455C

#CF9DAB - #9A455C

HSV Blend

#CF9DAB - #9A455C | 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 #CF9DAB as 0% and #9A455C as 100%.

0.0%	0.0% #CF9DAB	RGB 207 157 171	#CF9DAB
16.7%	16.7% #C68C9C	RGB 198 140 156	#C68C9C
33.3%	33.3% #BD7C8E	RGB 189 124 142	#BD7C8E
50.0%	50.0% #B46C80	RGB 180 108 128	#B46C80
66.7%	66.7% #AB5E73	RGB 171 94 115	#AB5E73
83.3%	83.3% #A25167	RGB 162 81 103	#A25167
100.0%	100.0% #9A455C	RGB 154 69 92	#9A455C

#CF9DAB #C68C9C #BD7C8E #B46C80 #AB5E73 #A25167 #9A455C

#CF9DAB - #B46C80 - #9A455C

CSS codes

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

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