#D0E2D4 - #78AAA2 | 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 #D0E2D4 to #78AAA2

#D0E2D4 #78AAA2

Calculate the color between two colors, #D0E2D4 and #78AAA2. 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)

#D0E2D4 - #78AAA2 | 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 #D0E2D4 as 0% and #78AAA2 as 100%.

0.0%	0.0% #D0E2D4	RGB 208 226 212	#D0E2D4
16.7%	16.7% #C1D8CB	RGB 193 216 203	#C1D8CB
33.3%	33.3% #B2CFC3	RGB 178 207 195	#B2CFC3
50.0%	50.0% #A4C6BB	RGB 164 198 187	#A4C6BB
66.7%	66.7% #95BCB2	RGB 149 188 178	#95BCB2
83.3%	83.3% #86B3AA	RGB 134 179 170	#86B3AA
100.0%	100.0% #78AAA2	RGB 120 170 162	#78AAA2

#D0E2D4 #C1D8CB #B2CFC3 #A4C6BB #95BCB2 #86B3AA #78AAA2

#D0E2D4 - #78AAA2

HSV Blend

#D0E2D4 - #78AAA2 | 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 #D0E2D4 as 0% and #78AAA2 as 100%.

0.0%	0.0% #D0E2D4	RGB 208 226 212	#D0E2D4
16.7%	16.7% #BFD8C7	RGB 191 216 199	#BFD8C7
33.3%	33.3% #AFCFBD	RGB 175 207 189	#AFCFBD
50.0%	50.0% #A0C6B4	RGB 160 198 180	#A0C6B4
66.7%	66.7% #92BCAD	RGB 146 188 173	#92BCAD
83.3%	83.3% #84B3A7	RGB 132 179 167	#84B3A7
100.0%	100.0% #78AAA2	RGB 120 170 162	#78AAA2

#D0E2D4 #BFD8C7 #AFCFBD #A0C6B4 #92BCAD #84B3A7 #78AAA2

#D0E2D4 - #A0C6B4 - #78AAA2

CSS codes

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

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