#AF9FA2 - #FBFFC6 | 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 #AF9FA2 a #FBFFC6

#AF9FA2 #FBFFC6

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

#AF9FA2 - #FBFFC6 | 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 #AF9FA2 como 0% y #FBFFC6 como 100%.

0.0%	0.0% #AF9FA2	RGB 175 159 162	#AF9FA2
16.7%	16.7% #BBAFA8	RGB 187 175 168	#BBAFA8
33.3%	33.3% #C8BFAE	RGB 200 191 174	#C8BFAE
50.0%	50.0% #D5CFB4	RGB 213 207 180	#D5CFB4
66.7%	66.7% #E1DFBA	RGB 225 223 186	#E1DFBA
83.3%	83.3% #EEEFC0	RGB 238 239 192	#EEEFC0
100.0%	100.0% #FBFFC6	RGB 251 255 198	#FBFFC6

#AF9FA2 #BBAFA8 #C8BFAE #D5CFB4 #E1DFBA #EEEFC0 #FBFFC6

#AF9FA2 - #FBFFC6

Mezcla HSV

#AF9FA2 - #FBFFC6 | 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 #AF9FA2 como 0% y #FBFFC6 como 100%.

0.0%	0.0% #AF9FA2	RGB 175 159 162	#AF9FA2
16.7%	16.7% #BCA7A6	RGB 188 167 166	#BCA7A6
33.3%	33.3% #C9B4AE	RGB 201 180 174	#C9B4AE
50.0%	50.0% #D7C4B5	RGB 215 196 181	#D7C4B5
66.7%	66.7% #E4D6BB	RGB 228 214 187	#E4D6BB
83.3%	83.3% #F1EAC0	RGB 241 234 192	#F1EAC0
100.0%	100.0% #FBFFC6	RGB 251 255 198	#FBFFC6

#AF9FA2 #BCA7A6 #C9B4AE #D7C4B5 #E4D6BB #F1EAC0 #FBFFC6

#AF9FA2 - #D7C4B5 - #FBFFC6

Códigos CSS

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

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