#A75DC5 - #F8B5CD | 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 #A75DC5 a #F8B5CD

#A75DC5 #F8B5CD

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

#A75DC5 - #F8B5CD | 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 #A75DC5 como 0% y #F8B5CD como 100%.

0.0%	0.0% #A75DC5	RGB 167 93 197	#A75DC5
16.7%	16.7% #B46BC6	RGB 180 107 198	#B46BC6
33.3%	33.3% #C27AC7	RGB 194 122 199	#C27AC7
50.0%	50.0% #CF89C9	RGB 207 137 201	#CF89C9
66.7%	66.7% #DD97CA	RGB 221 151 202	#DD97CA
83.3%	83.3% #EAA6CB	RGB 234 166 203	#EAA6CB
100.0%	100.0% #F8B5CD	RGB 248 181 205	#F8B5CD

#A75DC5 #B46BC6 #C27AC7 #CF89C9 #DD97CA #EAA6CB #F8B5CD

#A75DC5 - #F8B5CD

Mezcla HSV

#A75DC5 - #F8B5CD | 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 #A75DC5 como 0% y #F8B5CD como 100%.

0.0%	0.0% #A75DC5	RGB 167 93 197	#A75DC5
16.7%	16.7% #C069CD	RGB 192 105 205	#C069CD
33.3%	33.3% #D677D3	RGB 214 119 211	#D677D3
50.0%	50.0% #DE85CE	RGB 222 133 206	#DE85CE
66.7%	66.7% #E794CB	RGB 231 148 203	#E794CB
83.3%	83.3% #EFA4CA	RGB 239 164 202	#EFA4CA
100.0%	100.0% #F8B5CD	RGB 248 181 205	#F8B5CD

#A75DC5 #C069CD #D677D3 #DE85CE #E794CB #EFA4CA #F8B5CD

#A75DC5 - #DE85CE - #F8B5CD

Códigos CSS

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

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