#FFADEB - #DB35AC | 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 #FFADEB a #DB35AC

#FFADEB #DB35AC

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

#FFADEB - #DB35AC | 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 #FFADEB como 0% y #DB35AC como 100%.

0.0%	0.0% #FFADEB	RGB 255 173 235	#FFADEB
16.7%	16.7% #F999E0	RGB 249 153 224	#F999E0
33.3%	33.3% #F385D6	RGB 243 133 214	#F385D6
50.0%	50.0% #ED71CB	RGB 237 113 203	#ED71CB
66.7%	66.7% #E75DC1	RGB 231 93 193	#E75DC1
83.3%	83.3% #E149B6	RGB 225 73 182	#E149B6
100.0%	100.0% #DB35AC	RGB 219 53 172	#DB35AC

#FFADEB #F999E0 #F385D6 #ED71CB #E75DC1 #E149B6 #DB35AC

#FFADEB - #DB35AC

Mezcla HSV

#FFADEB - #DB35AC | 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 #FFADEB como 0% y #DB35AC como 100%.

0.0%	0.0% #FFADEB	RGB 255 173 235	#FFADEB
16.7%	16.7% #F996E0	RGB 249 150 224	#F996E0
33.3%	33.3% #F381D5	RGB 243 129 213	#F381D5
50.0%	50.0% #ED6DCB	RGB 237 109 203	#ED6DCB
66.7%	66.7% #E759C0	RGB 231 89 192	#E759C0
83.3%	83.3% #E146B6	RGB 225 70 182	#E146B6
100.0%	100.0% #DB35AC	RGB 219 53 172	#DB35AC

#FFADEB #F996E0 #F381D5 #ED6DCB #E759C0 #E146B6 #DB35AC

#FFADEB - #ED6DCB - #DB35AC

Códigos CSS

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

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