#8184AA - #DBDBE6 | 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 #8184AA to #DBDBE6

#8184AA #DBDBE6

Calculate the color between two colors, #8184AA and #DBDBE6. 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)

#8184AA - #DBDBE6 | 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 #8184AA as 0% and #DBDBE6 as 100%.

0.0%	0.0% #8184AA	RGB 129 132 170	#8184AA
16.7%	16.7% #9092B4	RGB 144 146 180	#9092B4
33.3%	33.3% #9FA1BE	RGB 159 161 190	#9FA1BE
50.0%	50.0% #AEAFC8	RGB 174 175 200	#AEAFC8
66.7%	66.7% #BDBED2	RGB 189 190 210	#BDBED2
83.3%	83.3% #CCCCDC	RGB 204 204 220	#CCCCDC
100.0%	100.0% #DBDBE6	RGB 219 219 230	#DBDBE6

#8184AA #9092B4 #9FA1BE #AEAFC8 #BDBED2 #CCCCDC #DBDBE6

#8184AA - #DBDBE6

HSV Blend

#8184AA - #DBDBE6 | 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 #8184AA as 0% and #DBDBE6 as 100%.

0.0%	0.0% #8184AA	RGB 129 132 170	#8184AA
16.7%	16.7% #8E90B4	RGB 142 144 180	#8E90B4
33.3%	33.3% #9C9EBE	RGB 156 158 190	#9C9EBE
50.0%	50.0% #ABACC8	RGB 171 172 200	#ABACC8
66.7%	66.7% #BABAD2	RGB 186 186 210	#BABAD2
83.3%	83.3% #CACADC	RGB 202 202 220	#CACADC
100.0%	100.0% #DBDBE6	RGB 219 219 230	#DBDBE6

#8184AA #8E90B4 #9C9EBE #ABACC8 #BABAD2 #CACADC #DBDBE6

#8184AA - #ABACC8 - #DBDBE6

CSS codes

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

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