#DBDFDB - #8FCB98 | 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 #DBDFDB a #8FCB98

#DBDFDB #8FCB98

Calcule el color entre dos colores, #DBDFDB y #8FCB98. 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)

#DBDFDB - #8FCB98 | 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 #DBDFDB como 0% y #8FCB98 como 100%.

0.0%	0.0% #DBDFDB	RGB 219 223 219	#DBDFDB
16.7%	16.7% #CEDBCF	RGB 206 219 207	#CEDBCF
33.3%	33.3% #C1D8C4	RGB 193 216 196	#C1D8C4
50.0%	50.0% #B5D5B9	RGB 181 213 185	#B5D5B9
66.7%	66.7% #A8D1AE	RGB 168 209 174	#A8D1AE
83.3%	83.3% #9BCEA3	RGB 155 206 163	#9BCEA3
100.0%	100.0% #8FCB98	RGB 143 203 152	#8FCB98

#DBDFDB #CEDBCF #C1D8C4 #B5D5B9 #A8D1AE #9BCEA3 #8FCB98

#DBDFDB - #8FCB98

Mezcla HSV

#DBDFDB - #8FCB98 | 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 #DBDFDB como 0% y #8FCB98 como 100%.

0.0%	0.0% #DBDFDB	RGB 219 223 219	#DBDFDB
16.7%	16.7% #CDDBCD	RGB 205 219 205	#CDDBCD
33.3%	33.3% #C0D8C1	RGB 192 216 193	#C0D8C1
50.0%	50.0% #B3D5B6	RGB 179 213 182	#B3D5B6
66.7%	66.7% #A7D1AB	RGB 167 209 171	#A7D1AB
83.3%	83.3% #9ACEA1	RGB 154 206 161	#9ACEA1
100.0%	100.0% #8FCB98	RGB 143 203 152	#8FCB98

#DBDFDB #CDDBCD #C0D8C1 #B3D5B6 #A7D1AB #9ACEA1 #8FCB98

#DBDFDB - #B3D5B6 - #8FCB98

Códigos CSS

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

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