#CDC5E7 - #8465AB | 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 #CDC5E7 a #8465AB

#CDC5E7 #8465AB

Calcule el color entre dos colores, #CDC5E7 y #8465AB. 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)

#CDC5E7 - #8465AB | 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 #CDC5E7 como 0% y #8465AB como 100%.

0.0%	0.0% #CDC5E7	RGB 205 197 231	#CDC5E7
16.7%	16.7% #C0B5DD	RGB 192 181 221	#C0B5DD
33.3%	33.3% #B4A5D3	RGB 180 165 211	#B4A5D3
50.0%	50.0% #A895C9	RGB 168 149 201	#A895C9
66.7%	66.7% #9C85BF	RGB 156 133 191	#9C85BF
83.3%	83.3% #9075B5	RGB 144 117 181	#9075B5
100.0%	100.0% #8465AB	RGB 132 101 171	#8465AB

#CDC5E7 #C0B5DD #B4A5D3 #A895C9 #9C85BF #9075B5 #8465AB

#CDC5E7 - #8465AB

Mezcla HSV

#CDC5E7 - #8465AB | 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 #CDC5E7 como 0% y #8465AB como 100%.

0.0%	0.0% #CDC5E7	RGB 205 197 231	#CDC5E7
16.7%	16.7% #BEB2DD	RGB 190 178 221	#BEB2DD
33.3%	33.3% #B0A1D3	RGB 176 161 211	#B0A1D3
50.0%	50.0% #A491C9	RGB 164 145 201	#A491C9
66.7%	66.7% #9881BF	RGB 152 129 191	#9881BF
83.3%	83.3% #8D72B5	RGB 141 114 181	#8D72B5
100.0%	100.0% #8465AB	RGB 132 101 171	#8465AB

#CDC5E7 #BEB2DD #B0A1D3 #A491C9 #9881BF #8D72B5 #8465AB

#CDC5E7 - #A491C9 - #8465AB

Códigos CSS

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

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