#D68E8C - #DBBDC5 | 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 #D68E8C to #DBBDC5

#D68E8C #DBBDC5

Calculate the color between two colors, #D68E8C and #DBBDC5. 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)

#D68E8C - #DBBDC5 | 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 #D68E8C as 0% and #DBBDC5 as 100%.

0.0%	0.0% #D68E8C	RGB 214 142 140	#D68E8C
16.7%	16.7% #D69595	RGB 214 149 149	#D69595
33.3%	33.3% #D79D9F	RGB 215 157 159	#D79D9F
50.0%	50.0% #D8A5A8	RGB 216 165 168	#D8A5A8
66.7%	66.7% #D9ADB2	RGB 217 173 178	#D9ADB2
83.3%	83.3% #DAB5BB	RGB 218 181 187	#DAB5BB
100.0%	100.0% #DBBDC5	RGB 219 189 197	#DBBDC5

#D68E8C #D69595 #D79D9F #D8A5A8 #D9ADB2 #DAB5BB #DBBDC5

#D68E8C - #DBBDC5

HSV Blend

#D68E8C - #DBBDC5 | 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 #D68E8C as 0% and #DBBDC5 as 100%.

0.0%	0.0% #D68E8C	RGB 214 142 140	#D68E8C
16.7%	16.7% #D69495	RGB 214 148 149	#D69495
33.3%	33.3% #D79CA0	RGB 215 156 160	#D79CA0
50.0%	50.0% #D8A4AA	RGB 216 164 170	#D8A4AA
66.7%	66.7% #D9ACB4	RGB 217 172 180	#D9ACB4
83.3%	83.3% #DAB4BC	RGB 218 180 188	#DAB4BC
100.0%	100.0% #DBBDC5	RGB 219 189 197	#DBBDC5

#D68E8C #D69495 #D79CA0 #D8A4AA #D9ACB4 #DAB4BC #DBBDC5

#D68E8C - #D8A4AA - #DBBDC5

CSS codes

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

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