#D2DBDA - #3C3D3E | 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 #D2DBDA a #3C3D3E

#D2DBDA #3C3D3E

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

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

0.0%	0.0% #D2DBDA	RGB 210 219 218	#D2DBDA
16.7%	16.7% #B9C0C0	RGB 185 192 192	#B9C0C0
33.3%	33.3% #A0A6A6	RGB 160 166 166	#A0A6A6
50.0%	50.0% #878C8C	RGB 135 140 140	#878C8C
66.7%	66.7% #6E7172	RGB 110 113 114	#6E7172
83.3%	83.3% #555758	RGB 85 87 88	#555758
100.0%	100.0% #3C3D3E	RGB 60 61 62	#3C3D3E

#D2DBDA #B9C0C0 #A0A6A6 #878C8C #6E7172 #555758 #3C3D3E

#D2DBDA - #3C3D3E

Mezcla HSV

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

0.0%	0.0% #D2DBDA	RGB 210 219 218	#D2DBDA
16.7%	16.7% #B9C0C0	RGB 185 192 192	#B9C0C0
33.3%	33.3% #A0A6A6	RGB 160 166 166	#A0A6A6
50.0%	50.0% #878B8C	RGB 135 139 140	#878B8C
66.7%	66.7% #6E7172	RGB 110 113 114	#6E7172
83.3%	83.3% #555658	RGB 85 86 88	#555658
100.0%	100.0% #3C3D3E	RGB 60 61 62	#3C3D3E

#D2DBDA #B9C0C0 #A0A6A6 #878B8C #6E7172 #555658 #3C3D3E

#D2DBDA - #878B8C - #3C3D3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2DBDA 0%, #878B8C 50%, #3C3D3E 100%);
    background: -webkit-linear-gradient(top, #D2DBDA 0%, #878B8C 50%, #3C3D3E 100%);
    background: linear-gradient(to bottom, #D2DBDA 0%, #878B8C 50%, #3C3D3E 100%);
}
</style>