#8C8BA1 - #FFCEAB | 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 #8C8BA1 to #FFCEAB

#8C8BA1 #FFCEAB

Calculate the color between two colors, #8C8BA1 and #FFCEAB. 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)

#8C8BA1 - #FFCEAB | 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 #8C8BA1 as 0% and #FFCEAB as 100%.

0.0%	0.0% #8C8BA1	RGB 140 139 161	#8C8BA1
16.7%	16.7% #9F96A2	RGB 159 150 162	#9F96A2
33.3%	33.3% #B2A1A4	RGB 178 161 164	#B2A1A4
50.0%	50.0% #C5ACA6	RGB 197 172 166	#C5ACA6
66.7%	66.7% #D8B7A7	RGB 216 183 167	#D8B7A7
83.3%	83.3% #EBC2A9	RGB 235 194 169	#EBC2A9
100.0%	100.0% #FFCEAB	RGB 255 206 171	#FFCEAB

#8C8BA1 #9F96A2 #B2A1A4 #C5ACA6 #D8B7A7 #EBC2A9 #FFCEAB

#8C8BA1 - #FFCEAB

HSV Blend

#8C8BA1 - #FFCEAB | 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 #8C8BA1 as 0% and #FFCEAB as 100%.

0.0%	0.0% #8C8BA1	RGB 140 139 161	#8C8BA1
16.7%	16.7% #9F92B0	RGB 159 146 176	#9F92B0
33.3%	33.3% #B999C0	RGB 185 153 192	#B999C0
50.0%	50.0% #D09FC4	RGB 208 159 196	#D09FC4
66.7%	66.7% #DFA4BA	RGB 223 164 186	#DFA4BA
83.3%	83.3% #EFA9A8	RGB 239 169 168	#EFA9A8
100.0%	100.0% #FFCEAB	RGB 255 206 171	#FFCEAB

#8C8BA1 #9F92B0 #B999C0 #D09FC4 #DFA4BA #EFA9A8 #FFCEAB

#8C8BA1 - #D09FC4 - #FFCEAB

CSS codes

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

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