#92AD9C - #D2B0FF | 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 #92AD9C to #D2B0FF

#92AD9C #D2B0FF

Calculate the color between two colors, #92AD9C and #D2B0FF. 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)

#92AD9C - #D2B0FF | 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 #92AD9C as 0% and #D2B0FF as 100%.

0.0%	0.0% #92AD9C	RGB 146 173 156	#92AD9C
16.7%	16.7% #9CADAC	RGB 156 173 172	#9CADAC
33.3%	33.3% #A7AEBD	RGB 167 174 189	#A7AEBD
50.0%	50.0% #B2AECD	RGB 178 174 205	#B2AECD
66.7%	66.7% #BCAFDE	RGB 188 175 222	#BCAFDE
83.3%	83.3% #C7AFEE	RGB 199 175 238	#C7AFEE
100.0%	100.0% #D2B0FF	RGB 210 176 255	#D2B0FF

#92AD9C #9CADAC #A7AEBD #B2AECD #BCAFDE #C7AFEE #D2B0FF

#92AD9C - #D2B0FF

HSV Blend

#92AD9C - #D2B0FF | 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 #92AD9C as 0% and #D2B0FF as 100%.

0.0%	0.0% #92AD9C	RGB 146 173 156	#92AD9C
16.7%	16.7% #98BAB0	RGB 152 186 176	#98BAB0
33.3%	33.3% #9EC5C8	RGB 158 197 200	#9EC5C8
50.0%	50.0% #A4C2D6	RGB 164 194 214	#A4C2D6
66.7%	66.7% #A8B7E3	RGB 168 183 227	#A8B7E3
83.3%	83.3% #B2ACF1	RGB 178 172 241	#B2ACF1
100.0%	100.0% #D2B0FF	RGB 210 176 255	#D2B0FF

#92AD9C #98BAB0 #9EC5C8 #A4C2D6 #A8B7E3 #B2ACF1 #D2B0FF

#92AD9C - #A4C2D6 - #D2B0FF

CSS codes

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

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