#D8C0E9 - #AA6EB6 | 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 #D8C0E9 a #AA6EB6

#D8C0E9 #AA6EB6

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

#D8C0E9 - #AA6EB6 | 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 #D8C0E9 como 0% y #AA6EB6 como 100%.

0.0%	0.0% #D8C0E9	RGB 216 192 233	#D8C0E9
16.7%	16.7% #D0B2E0	RGB 208 178 224	#D0B2E0
33.3%	33.3% #C8A4D8	RGB 200 164 216	#C8A4D8
50.0%	50.0% #C197CF	RGB 193 151 207	#C197CF
66.7%	66.7% #B989C7	RGB 185 137 199	#B989C7
83.3%	83.3% #B17BBE	RGB 177 123 190	#B17BBE
100.0%	100.0% #AA6EB6	RGB 170 110 182	#AA6EB6

#D8C0E9 #D0B2E0 #C8A4D8 #C197CF #B989C7 #B17BBE #AA6EB6

#D8C0E9 - #AA6EB6

Mezcla HSV

#D8C0E9 - #AA6EB6 | 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 #D8C0E9 como 0% y #AA6EB6 como 100%.

0.0%	0.0% #D8C0E9	RGB 216 192 233	#D8C0E9
16.7%	16.7% #CEB0E0	RGB 206 176 224	#CEB0E0
33.3%	33.3% #C6A2D8	RGB 198 162 216	#C6A2D8
50.0%	50.0% #BE94CF	RGB 190 148 207	#BE94CF
66.7%	66.7% #B786C7	RGB 183 134 199	#B786C7
83.3%	83.3% #B07ABE	RGB 176 122 190	#B07ABE
100.0%	100.0% #AA6EB6	RGB 170 110 182	#AA6EB6

#D8C0E9 #CEB0E0 #C6A2D8 #BE94CF #B786C7 #B07ABE #AA6EB6

#D8C0E9 - #BE94CF - #AA6EB6

Códigos CSS

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

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