#DEDEDF - #8C9F8C | 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 #DEDEDF a #8C9F8C

#DEDEDF #8C9F8C

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

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

0.0%	0.0% #DEDEDF	RGB 222 222 223	#DEDEDF
16.7%	16.7% #D0D3D1	RGB 208 211 209	#D0D3D1
33.3%	33.3% #C2C9C3	RGB 194 201 195	#C2C9C3
50.0%	50.0% #B5BEB5	RGB 181 190 181	#B5BEB5
66.7%	66.7% #A7B4A7	RGB 167 180 167	#A7B4A7
83.3%	83.3% #99A999	RGB 153 169 153	#99A999
100.0%	100.0% #8C9F8C	RGB 140 159 140	#8C9F8C

#DEDEDF #D0D3D1 #C2C9C3 #B5BEB5 #A7B4A7 #99A999 #8C9F8C

#DEDEDF - #8C9F8C

Mezcla HSV

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

0.0%	0.0% #DEDEDF	RGB 222 222 223	#DEDEDF
16.7%	16.7% #CFD0D4	RGB 207 208 212	#CFD0D4
33.3%	33.3% #C1C6C9	RGB 193 198 201	#C1C6C9
50.0%	50.0% #B3BFBF	RGB 179 191 191	#B3BFBF
66.7%	66.7% #A5B4AF	RGB 165 180 175	#A5B4AF
83.3%	83.3% #98A99E	RGB 152 169 158	#98A99E
100.0%	100.0% #8C9F8C	RGB 140 159 140	#8C9F8C

#DEDEDF #CFD0D4 #C1C6C9 #B3BFBF #A5B4AF #98A99E #8C9F8C

#DEDEDF - #B3BFBF - #8C9F8C

Códigos CSS

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

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