#7792AB - #D2CABE | 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 #7792AB to #D2CABE

#7792AB #D2CABE

Calculate the color between two colors, #7792AB and #D2CABE. 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)

#7792AB - #D2CABE | 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 #7792AB as 0% and #D2CABE as 100%.

0.0%	0.0% #7792AB	RGB 119 146 171	#7792AB
16.7%	16.7% #869BAE	RGB 134 155 174	#869BAE
33.3%	33.3% #95A4B1	RGB 149 164 177	#95A4B1
50.0%	50.0% #A4AEB4	RGB 164 174 180	#A4AEB4
66.7%	66.7% #B3B7B7	RGB 179 183 183	#B3B7B7
83.3%	83.3% #C2C0BA	RGB 194 192 186	#C2C0BA
100.0%	100.0% #D2CABE	RGB 210 202 190	#D2CABE

#7792AB #869BAE #95A4B1 #A4AEB4 #B3B7B7 #C2C0BA #D2CABE

#7792AB - #D2CABE

HSV Blend

#7792AB - #D2CABE | 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 #7792AB as 0% and #D2CABE as 100%.

0.0%	0.0% #7792AB	RGB 119 146 171	#7792AB
16.7%	16.7% #81B1B1	RGB 129 177 177	#81B1B1
33.3%	33.3% #8CB8A3	RGB 140 184 163	#8CB8A3
50.0%	50.0% #98BE99	RGB 152 190 153	#98BE99
66.7%	66.7% #B2C5A4	RGB 178 197 164	#B2C5A4
83.3%	83.3% #C9CBB1	RGB 201 203 177	#C9CBB1
100.0%	100.0% #D2CABE	RGB 210 202 190	#D2CABE

#7792AB #81B1B1 #8CB8A3 #98BE99 #B2C5A4 #C9CBB1 #D2CABE

#7792AB - #98BE99 - #D2CABE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7792AB 0%, #98BE99 50%, #D2CABE 100%);
    background: -webkit-linear-gradient(top, #7792AB 0%, #98BE99 50%, #D2CABE 100%);
    background: linear-gradient(to bottom, #7792AB 0%, #98BE99 50%, #D2CABE 100%);
}
</style>