#564650 - #CD68CB | 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 #CD68CB

#564650 #CD68CB

Calcule el color entre dos colores, #564650 y #CD68CB. 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 - #CD68CB | 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 #CD68CB como 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #694B64	RGB 105 75 100	#694B64
33.3%	33.3% #7D5179	RGB 125 81 121	#7D5179
50.0%	50.0% #91578D	RGB 145 87 141	#91578D
66.7%	66.7% #A55CA2	RGB 165 92 162	#A55CA2
83.3%	83.3% #B962B6	RGB 185 98 182	#B962B6
100.0%	100.0% #CD68CB	RGB 205 104 203	#CD68CB

#564650 #694B64 #7D5179 #91578D #A55CA2 #B962B6 #CD68CB

#564650 - #CD68CB

Mezcla HSV

#564650 - #CD68CB | 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 #CD68CB como 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #695061	RGB 105 80 97	#695061
33.3%	33.3% #7D5974	RGB 125 89 116	#7D5974
50.0%	50.0% #916087	RGB 145 96 135	#916087
66.7%	66.7% #A5649C	RGB 165 100 156	#A5649C
83.3%	83.3% #B967B2	RGB 185 103 178	#B967B2
100.0%	100.0% #CD68CB	RGB 205 104 203	#CD68CB

#564650 #695061 #7D5974 #916087 #A5649C #B967B2 #CD68CB

#564650 - #916087 - #CD68CB

Códigos CSS

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

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