#AF83A6 - #E8DBE5 | 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 #AF83A6 a #E8DBE5

#AF83A6 #E8DBE5

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

#AF83A6 - #E8DBE5 | 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 #AF83A6 como 0% y #E8DBE5 como 100%.

0.0%	0.0% #AF83A6	RGB 175 131 166	#AF83A6
16.7%	16.7% #B891B0	RGB 184 145 176	#B891B0
33.3%	33.3% #C2A0BB	RGB 194 160 187	#C2A0BB
50.0%	50.0% #CBAFC5	RGB 203 175 197	#CBAFC5
66.7%	66.7% #D5BDD0	RGB 213 189 208	#D5BDD0
83.3%	83.3% #DECCDA	RGB 222 204 218	#DECCDA
100.0%	100.0% #E8DBE5	RGB 232 219 229	#E8DBE5

#AF83A6 #B891B0 #C2A0BB #CBAFC5 #D5BDD0 #DECCDA #E8DBE5

#AF83A6 - #E8DBE5

Mezcla HSV

#AF83A6 - #E8DBE5 | 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 #AF83A6 como 0% y #E8DBE5 como 100%.

0.0%	0.0% #AF83A6	RGB 175 131 166	#AF83A6
16.7%	16.7% #B890B0	RGB 184 144 176	#B890B0
33.3%	33.3% #C29DBA	RGB 194 157 186	#C29DBA
50.0%	50.0% #CBACC4	RGB 203 172 196	#CBACC4
66.7%	66.7% #D5BBCF	RGB 213 187 207	#D5BBCF
83.3%	83.3% #DECADA	RGB 222 202 218	#DECADA
100.0%	100.0% #E8DBE5	RGB 232 219 229	#E8DBE5

#AF83A6 #B890B0 #C29DBA #CBACC4 #D5BBCF #DECADA #E8DBE5

#AF83A6 - #CBACC4 - #E8DBE5

Códigos CSS

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

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