#918EB6 - #FFD1BC | 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 #918EB6 to #FFD1BC

#918EB6 #FFD1BC

Calculate the color between two colors, #918EB6 and #FFD1BC. 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)

#918EB6 - #FFD1BC | 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 #918EB6 as 0% and #FFD1BC as 100%.

0.0%	0.0% #918EB6	RGB 145 142 182	#918EB6
16.7%	16.7% #A399B7	RGB 163 153 183	#A399B7
33.3%	33.3% #B5A4B8	RGB 181 164 184	#B5A4B8
50.0%	50.0% #C8AFB9	RGB 200 175 185	#C8AFB9
66.7%	66.7% #DABABA	RGB 218 186 186	#DABABA
83.3%	83.3% #ECC5BB	RGB 236 197 187	#ECC5BB
100.0%	100.0% #FFD1BC	RGB 255 209 188	#FFD1BC

#918EB6 #A399B7 #B5A4B8 #C8AFB9 #DABABA #ECC5BB #FFD1BC

#918EB6 - #FFD1BC

HSV Blend

#918EB6 - #FFD1BC | 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 #918EB6 as 0% and #FFD1BC as 100%.

0.0%	0.0% #918EB6	RGB 145 142 182	#918EB6
16.7%	16.7% #A996C2	RGB 169 150 194	#A996C2
33.3%	33.3% #C59ECE	RGB 197 158 206	#C59ECE
50.0%	50.0% #DAA5D0	RGB 218 165 208	#DAA5D0
66.7%	66.7% #E6ADC6	RGB 230 173 198	#E6ADC6
83.3%	83.3% #F2B4B8	RGB 242 180 184	#F2B4B8
100.0%	100.0% #FFD1BC	RGB 255 209 188	#FFD1BC

#918EB6 #A996C2 #C59ECE #DAA5D0 #E6ADC6 #F2B4B8 #FFD1BC

#918EB6 - #DAA5D0 - #FFD1BC

CSS codes

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

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