#D5DCCF - #8CAB7E | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #D5DCCF a #8CAB7E

#D5DCCF #8CAB7E

Calcule el color entre dos colores, #D5DCCF y #8CAB7E. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#D5DCCF - #8CAB7E | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #D5DCCF como 0% y #8CAB7E como 100%.

0.0%	0.0% #D5DCCF	RGB 213 220 207	#D5DCCF
16.7%	16.7% #C8D3C1	RGB 200 211 193	#C8D3C1
33.3%	33.3% #BCCBB4	RGB 188 203 180	#BCCBB4
50.0%	50.0% #B0C3A6	RGB 176 195 166	#B0C3A6
66.7%	66.7% #A4BB99	RGB 164 187 153	#A4BB99
83.3%	83.3% #98B38B	RGB 152 179 139	#98B38B
100.0%	100.0% #8CAB7E	RGB 140 171 126	#8CAB7E

#D5DCCF #C8D3C1 #BCCBB4 #B0C3A6 #A4BB99 #98B38B #8CAB7E

#D5DCCF - #8CAB7E

Mezcla HSV

#D5DCCF - #8CAB7E | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #D5DCCF como 0% y #8CAB7E como 100%.

0.0%	0.0% #D5DCCF	RGB 213 220 207	#D5DCCF
16.7%	16.7% #C8D3C0	RGB 200 211 192	#C8D3C0
33.3%	33.3% #BCCBB1	RGB 188 203 177	#BCCBB1
50.0%	50.0% #B0C3A4	RGB 176 195 164	#B0C3A4
66.7%	66.7% #A3BB96	RGB 163 187 150	#A3BB96
83.3%	83.3% #97B38A	RGB 151 179 138	#97B38A
100.0%	100.0% #8CAB7E	RGB 140 171 126	#8CAB7E

#D5DCCF #C8D3C0 #BCCBB1 #B0C3A4 #A3BB96 #97B38A #8CAB7E

#D5DCCF - #B0C3A4 - #8CAB7E

Códigos CSS

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

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