#564650 - #CECACD | 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 #564650 a #CECACD

#564650 #CECACD

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

#564650 - #CECACD | 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 #564650 como 0% y #CECACD como 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #6A5C64	RGB 106 92 100	#6A5C64
33.3%	33.3% #7E7279	RGB 126 114 121	#7E7279
50.0%	50.0% #92888E	RGB 146 136 142	#92888E
66.7%	66.7% #A69EA3	RGB 166 158 163	#A69EA3
83.3%	83.3% #BAB4B8	RGB 186 180 184	#BAB4B8
100.0%	100.0% #CECACD	RGB 206 202 205	#CECACD

#564650 #6A5C64 #7E7279 #92888E #A69EA3 #BAB4B8 #CECACD

#564650 - #CECACD

Mezcla HSV

#564650 - #CECACD | 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 #564650 como 0% y #CECACD como 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #6A5964	RGB 106 89 100	#6A5964
33.3%	33.3% #7E6D78	RGB 126 109 120	#7E6D78
50.0%	50.0% #92838D	RGB 146 131 141	#92838D
66.7%	66.7% #A699A2	RGB 166 153 162	#A699A2
83.3%	83.3% #BAB1B7	RGB 186 177 183	#BAB1B7
100.0%	100.0% #CECACD	RGB 206 202 205	#CECACD

#564650 #6A5964 #7E6D78 #92838D #A699A2 #BAB1B7 #CECACD

#564650 - #92838D - #CECACD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #564650 0%, #92838D 50%, #CECACD 100%);
    background: -webkit-linear-gradient(top, #564650 0%, #92838D 50%, #CECACD 100%);
    background: linear-gradient(to bottom, #564650 0%, #92838D 50%, #CECACD 100%);
}
</style>