#6A565D - #CD7DBE | 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 #6A565D a #CD7DBE

#6A565D #CD7DBE

Calcule el color entre dos colores, #6A565D y #CD7DBE. 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)

#6A565D - #CD7DBE | 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 #6A565D como 0% y #CD7DBE como 100%.

0.0%	0.0% #6A565D	RGB 106 86 93	#6A565D
16.7%	16.7% #7A5C6D	RGB 122 92 109	#7A5C6D
33.3%	33.3% #8B637D	RGB 139 99 125	#8B637D
50.0%	50.0% #9B698D	RGB 155 105 141	#9B698D
66.7%	66.7% #AC709D	RGB 172 112 157	#AC709D
83.3%	83.3% #BC76AD	RGB 188 118 173	#BC76AD
100.0%	100.0% #CD7DBE	RGB 205 125 190	#CD7DBE

#6A565D #7A5C6D #8B637D #9B698D #AC709D #BC76AD #CD7DBE

#6A565D - #CD7DBE

Mezcla HSV

#6A565D - #CD7DBE | 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 #6A565D como 0% y #CD7DBE como 100%.

0.0%	0.0% #6A565D	RGB 106 86 93	#6A565D
16.7%	16.7% #7A5F6A	RGB 122 95 106	#7A5F6A
33.3%	33.3% #8B6779	RGB 139 103 121	#8B6779
50.0%	50.0% #9B6E88	RGB 155 110 136	#9B6E88
66.7%	66.7% #AC7499	RGB 172 116 153	#AC7499
83.3%	83.3% #BC79AA	RGB 188 121 170	#BC79AA
100.0%	100.0% #CD7DBE	RGB 205 125 190	#CD7DBE

#6A565D #7A5F6A #8B6779 #9B6E88 #AC7499 #BC79AA #CD7DBE

#6A565D - #9B6E88 - #CD7DBE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A565D 0%, #9B6E88 50%, #CD7DBE 100%);
    background: -webkit-linear-gradient(top, #6A565D 0%, #9B6E88 50%, #CD7DBE 100%);
    background: linear-gradient(to bottom, #6A565D 0%, #9B6E88 50%, #CD7DBE 100%);
}
</style>