#565553 - #CECECD | 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 #565553 a #CECECD

#565553 #CECECD

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

#565553 - #CECECD | 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 #565553 como 0% y #CECECD como 100%.

0.0%	0.0% #565553	RGB 86 85 83	#565553
16.7%	16.7% #6A6967	RGB 106 105 103	#6A6967
33.3%	33.3% #7E7D7B	RGB 126 125 123	#7E7D7B
50.0%	50.0% #929190	RGB 146 145 144	#929190
66.7%	66.7% #A6A5A4	RGB 166 165 164	#A6A5A4
83.3%	83.3% #BAB9B8	RGB 186 185 184	#BAB9B8
100.0%	100.0% #CECECD	RGB 206 206 205	#CECECD

#565553 #6A6967 #7E7D7B #929190 #A6A5A4 #BAB9B8 #CECECD

#565553 - #CECECD

Mezcla HSV

#565553 - #CECECD | 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 #565553 como 0% y #CECECD como 100%.

0.0%	0.0% #565553	RGB 86 85 83	#565553
16.7%	16.7% #6A6966	RGB 106 105 102	#6A6966
33.3%	33.3% #7E7D7A	RGB 126 125 122	#7E7D7A
50.0%	50.0% #92918F	RGB 146 145 143	#92918F
66.7%	66.7% #A6A5A3	RGB 166 165 163	#A6A5A3
83.3%	83.3% #BAB9B8	RGB 186 185 184	#BAB9B8
100.0%	100.0% #CECECD	RGB 206 206 205	#CECECD

#565553 #6A6966 #7E7D7A #92918F #A6A5A3 #BAB9B8 #CECECD

#565553 - #92918F - #CECECD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565553 0%, #92918F 50%, #CECECD 100%);
    background: -webkit-linear-gradient(top, #565553 0%, #92918F 50%, #CECECD 100%);
    background: linear-gradient(to bottom, #565553 0%, #92918F 50%, #CECECD 100%);
}
</style>