#D9DCDB - #3E3E3E | 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 #D9DCDB a #3E3E3E

#D9DCDB #3E3E3E

Calcule el color entre dos colores, #D9DCDB y #3E3E3E. 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)

#D9DCDB - #3E3E3E | 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 #D9DCDB como 0% y #3E3E3E como 100%.

0.0%	0.0% #D9DCDB	RGB 217 220 219	#D9DCDB
16.7%	16.7% #BFC1C0	RGB 191 193 192	#BFC1C0
33.3%	33.3% #A5A7A6	RGB 165 167 166	#A5A7A6
50.0%	50.0% #8B8D8C	RGB 139 141 140	#8B8D8C
66.7%	66.7% #717272	RGB 113 114 114	#717272
83.3%	83.3% #575858	RGB 87 88 88	#575858
100.0%	100.0% #3E3E3E	RGB 62 62 62	#3E3E3E

#D9DCDB #BFC1C0 #A5A7A6 #8B8D8C #717272 #575858 #3E3E3E

#D9DCDB - #3E3E3E

Mezcla HSV

#D9DCDB - #3E3E3E | 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 #D9DCDB como 0% y #3E3E3E como 100%.

0.0%	0.0% #D9DCDB	RGB 217 220 219	#D9DCDB
16.7%	16.7% #BFC1BF	RGB 191 193 191	#BFC1BF
33.3%	33.3% #A6A7A5	RGB 166 167 165	#A6A7A5
50.0%	50.0% #8C8D8C	RGB 140 141 140	#8C8D8C
66.7%	66.7% #727272	RGB 114 114 114	#727272
83.3%	83.3% #585858	RGB 88 88 88	#585858
100.0%	100.0% #3E3E3E	RGB 62 62 62	#3E3E3E

#D9DCDB #BFC1BF #A6A7A5 #8C8D8C #727272 #585858 #3E3E3E

#D9DCDB - #8C8D8C - #3E3E3E

Códigos CSS

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

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