#AF9FAD - #E5BAED | 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 #AF9FAD a #E5BAED

#AF9FAD #E5BAED

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

#AF9FAD - #E5BAED | 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 #AF9FAD como 0% y #E5BAED como 100%.

0.0%	0.0% #AF9FAD	RGB 175 159 173	#AF9FAD
16.7%	16.7% #B8A3B7	RGB 184 163 183	#B8A3B7
33.3%	33.3% #C1A8C2	RGB 193 168 194	#C1A8C2
50.0%	50.0% #CAACCD	RGB 202 172 205	#CAACCD
66.7%	66.7% #D3B1D7	RGB 211 177 215	#D3B1D7
83.3%	83.3% #DCB5E2	RGB 220 181 226	#DCB5E2
100.0%	100.0% #E5BAED	RGB 229 186 237	#E5BAED

#AF9FAD #B8A3B7 #C1A8C2 #CAACCD #D3B1D7 #DCB5E2 #E5BAED

#AF9FAD - #E5BAED

Mezcla HSV

#AF9FAD - #E5BAED | 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 #AF9FAD como 0% y #E5BAED como 100%.

0.0%	0.0% #AF9FAD	RGB 175 159 173	#AF9FAD
16.7%	16.7% #B9A4B7	RGB 185 164 183	#B9A4B7
33.3%	33.3% #C3A9C2	RGB 195 169 194	#C3A9C2
50.0%	50.0% #CDAECE	RGB 205 174 206	#CDAECE
66.7%	66.7% #D5B2D8	RGB 213 178 216	#D5B2D8
83.3%	83.3% #DDB6E2	RGB 221 182 226	#DDB6E2
100.0%	100.0% #E5BAED	RGB 229 186 237	#E5BAED

#AF9FAD #B9A4B7 #C3A9C2 #CDAECE #D5B2D8 #DDB6E2 #E5BAED

#AF9FAD - #CDAECE - #E5BAED

Códigos CSS

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

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