#AA98A8 - #FFB8D5 | 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 #AA98A8 a #FFB8D5

#AA98A8 #FFB8D5

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

#AA98A8 - #FFB8D5 | 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 #AA98A8 como 0% y #FFB8D5 como 100%.

0.0%	0.0% #AA98A8	RGB 170 152 168	#AA98A8
16.7%	16.7% #B89DAF	RGB 184 157 175	#B89DAF
33.3%	33.3% #C6A2B7	RGB 198 162 183	#C6A2B7
50.0%	50.0% #D4A8BE	RGB 212 168 190	#D4A8BE
66.7%	66.7% #E2ADC6	RGB 226 173 198	#E2ADC6
83.3%	83.3% #F0B2CD	RGB 240 178 205	#F0B2CD
100.0%	100.0% #FFB8D5	RGB 255 184 213	#FFB8D5

#AA98A8 #B89DAF #C6A2B7 #D4A8BE #E2ADC6 #F0B2CD #FFB8D5

#AA98A8 - #FFB8D5

Mezcla HSV

#AA98A8 - #FFB8D5 | 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 #AA98A8 como 0% y #FFB8D5 como 100%.

0.0%	0.0% #AA98A8	RGB 170 152 168	#AA98A8
16.7%	16.7% #B89FB3	RGB 184 159 179	#B89FB3
33.3%	33.3% #C6A5BD	RGB 198 165 189	#C6A5BD
50.0%	50.0% #D4ABC6	RGB 212 171 198	#D4ABC6
66.7%	66.7% #E2B0CD	RGB 226 176 205	#E2B0CD
83.3%	83.3% #F0B4D2	RGB 240 180 210	#F0B4D2
100.0%	100.0% #FFB8D5	RGB 255 184 213	#FFB8D5

#AA98A8 #B89FB3 #C6A5BD #D4ABC6 #E2B0CD #F0B4D2 #FFB8D5

#AA98A8 - #D4ABC6 - #FFB8D5

Códigos CSS

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

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