#925865 - #DFCFD3 | 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 #925865 to #DFCFD3

#925865 #DFCFD3

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

#925865 - #DFCFD3 | 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 #925865 as 0% and #DFCFD3 as 100%.

0.0%	0.0% #925865	RGB 146 88 101	#925865
16.7%	16.7% #9E6B77	RGB 158 107 119	#9E6B77
33.3%	33.3% #AB7F89	RGB 171 127 137	#AB7F89
50.0%	50.0% #B8939C	RGB 184 147 156	#B8939C
66.7%	66.7% #C5A7AE	RGB 197 167 174	#C5A7AE
83.3%	83.3% #D2BBC0	RGB 210 187 192	#D2BBC0
100.0%	100.0% #DFCFD3	RGB 223 207 211	#DFCFD3

#925865 #9E6B77 #AB7F89 #B8939C #C5A7AE #D2BBC0 #DFCFD3

#925865 - #DFCFD3

HSV Blend

#925865 - #DFCFD3 | 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 #925865 as 0% and #DFCFD3 as 100%.

0.0%	0.0% #925865	RGB 146 88 101	#925865
16.7%	16.7% #9E6874	RGB 158 104 116	#9E6874
33.3%	33.3% #AB7A85	RGB 171 122 133	#AB7A85
50.0%	50.0% #B88D97	RGB 184 141 151	#B88D97
66.7%	66.7% #C5A1AA	RGB 197 161 170	#C5A1AA
83.3%	83.3% #D2B7BE	RGB 210 183 190	#D2B7BE
100.0%	100.0% #DFCFD3	RGB 223 207 211	#DFCFD3

#925865 #9E6874 #AB7A85 #B88D97 #C5A1AA #D2B7BE #DFCFD3

#925865 - #B88D97 - #DFCFD3

CSS codes

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

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