#565853 - #CDCFCD | 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 #565853 a #CDCFCD

#565853 #CDCFCD

Calcule el color entre dos colores, #565853 y #CDCFCD. 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)

#565853 - #CDCFCD | 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 #565853 como 0% y #CDCFCD como 100%.

0.0%	0.0% #565853	RGB 86 88 83	#565853
16.7%	16.7% #696B67	RGB 105 107 103	#696B67
33.3%	33.3% #7D7F7B	RGB 125 127 123	#7D7F7B
50.0%	50.0% #919390	RGB 145 147 144	#919390
66.7%	66.7% #A5A7A4	RGB 165 167 164	#A5A7A4
83.3%	83.3% #B9BBB8	RGB 185 187 184	#B9BBB8
100.0%	100.0% #CDCFCD	RGB 205 207 205	#CDCFCD

#565853 #696B67 #7D7F7B #919390 #A5A7A4 #B9BBB8 #CDCFCD

#565853 - #CDCFCD

Mezcla HSV

#565853 - #CDCFCD | 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 #565853 como 0% y #CDCFCD como 100%.

0.0%	0.0% #565853	RGB 86 88 83	#565853
16.7%	16.7% #696B66	RGB 105 107 102	#696B66
33.3%	33.3% #7C7F7A	RGB 124 127 122	#7C7F7A
50.0%	50.0% #90938E	RGB 144 147 142	#90938E
66.7%	66.7% #A3A7A3	RGB 163 167 163	#A3A7A3
83.3%	83.3% #B8BBB7	RGB 184 187 183	#B8BBB7
100.0%	100.0% #CDCFCD	RGB 205 207 205	#CDCFCD

#565853 #696B66 #7C7F7A #90938E #A3A7A3 #B8BBB7 #CDCFCD

#565853 - #90938E - #CDCFCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565853 0%, #90938E 50%, #CDCFCD 100%);
    background: -webkit-linear-gradient(top, #565853 0%, #90938E 50%, #CDCFCD 100%);
    background: linear-gradient(to bottom, #565853 0%, #90938E 50%, #CDCFCD 100%);
}
</style>