#65505C - #D3CDD0 | 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 #65505C to #D3CDD0

#65505C #D3CDD0

Calculate the color between two colors, #65505C and #D3CDD0. 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)

#65505C - #D3CDD0 | 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 #65505C as 0% and #D3CDD0 as 100%.

0.0%	0.0% #65505C	RGB 101 80 92	#65505C
16.7%	16.7% #77646F	RGB 119 100 111	#77646F
33.3%	33.3% #897982	RGB 137 121 130	#897982
50.0%	50.0% #9C8E96	RGB 156 142 150	#9C8E96
66.7%	66.7% #AEA3A9	RGB 174 163 169	#AEA3A9
83.3%	83.3% #C0B8BC	RGB 192 184 188	#C0B8BC
100.0%	100.0% #D3CDD0	RGB 211 205 208	#D3CDD0

#65505C #77646F #897982 #9C8E96 #AEA3A9 #C0B8BC #D3CDD0

#65505C - #D3CDD0

HSV Blend

#65505C - #D3CDD0 | 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 #65505C as 0% and #D3CDD0 as 100%.

0.0%	0.0% #65505C	RGB 101 80 92	#65505C
16.7%	16.7% #77626D	RGB 119 98 109	#77626D
33.3%	33.3% #897580	RGB 137 117 128	#897580
50.0%	50.0% #9C8993	RGB 156 137 147	#9C8993
66.7%	66.7% #AE9EA7	RGB 174 158 167	#AE9EA7
83.3%	83.3% #C0B5BB	RGB 192 181 187	#C0B5BB
100.0%	100.0% #D3CDD0	RGB 211 205 208	#D3CDD0

#65505C #77626D #897580 #9C8993 #AE9EA7 #C0B5BB #D3CDD0

#65505C - #9C8993 - #D3CDD0

CSS codes

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

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