#C5C5E5 - #7166A8 | 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 #C5C5E5 a #7166A8

#C5C5E5 #7166A8

Calcule el color entre dos colores, #C5C5E5 y #7166A8. 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)

#C5C5E5 - #7166A8 | 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 #C5C5E5 como 0% y #7166A8 como 100%.

0.0%	0.0% #C5C5E5	RGB 197 197 229	#C5C5E5
16.7%	16.7% #B7B5DA	RGB 183 181 218	#B7B5DA
33.3%	33.3% #A9A5D0	RGB 169 165 208	#A9A5D0
50.0%	50.0% #9B95C6	RGB 155 149 198	#9B95C6
66.7%	66.7% #8D85BC	RGB 141 133 188	#8D85BC
83.3%	83.3% #7F75B2	RGB 127 117 178	#7F75B2
100.0%	100.0% #7166A8	RGB 113 102 168	#7166A8

#C5C5E5 #B7B5DA #A9A5D0 #9B95C6 #8D85BC #7F75B2 #7166A8

#C5C5E5 - #7166A8

Mezcla HSV

#C5C5E5 - #7166A8 | 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 #C5C5E5 como 0% y #7166A8 como 100%.

0.0%	0.0% #C5C5E5	RGB 197 197 229	#C5C5E5
16.7%	16.7% #B4B3DA	RGB 180 179 218	#B4B3DA
33.3%	33.3% #A4A1D0	RGB 164 161 208	#A4A1D0
50.0%	50.0% #9691C6	RGB 150 145 198	#9691C6
66.7%	66.7% #8882BC	RGB 136 130 188	#8882BC
83.3%	83.3% #7C73B2	RGB 124 115 178	#7C73B2
100.0%	100.0% #7166A8	RGB 113 102 168	#7166A8

#C5C5E5 #B4B3DA #A4A1D0 #9691C6 #8882BC #7C73B2 #7166A8

#C5C5E5 - #9691C6 - #7166A8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C5E5 0%, #9691C6 50%, #7166A8 100%);
    background: -webkit-linear-gradient(top, #C5C5E5 0%, #9691C6 50%, #7166A8 100%);
    background: linear-gradient(to bottom, #C5C5E5 0%, #9691C6 50%, #7166A8 100%);
}
</style>