#AD279C - #F48BC8 | 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 #AD279C a #F48BC8

#AD279C #F48BC8

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

#AD279C - #F48BC8 | 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 #AD279C como 0% y #F48BC8 como 100%.

0.0%	0.0% #AD279C	RGB 173 39 156	#AD279C
16.7%	16.7% #B837A3	RGB 184 55 163	#B837A3
33.3%	33.3% #C448AA	RGB 196 72 170	#C448AA
50.0%	50.0% #D059B2	RGB 208 89 178	#D059B2
66.7%	66.7% #DC69B9	RGB 220 105 185	#DC69B9
83.3%	83.3% #E87AC0	RGB 232 122 192	#E87AC0
100.0%	100.0% #F48BC8	RGB 244 139 200	#F48BC8

#AD279C #B837A3 #C448AA #D059B2 #DC69B9 #E87AC0 #F48BC8

#AD279C - #F48BC8

Mezcla HSV

#AD279C - #F48BC8 | 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 #AD279C como 0% y #F48BC8 como 100%.

0.0%	0.0% #AD279C	RGB 173 39 156	#AD279C
16.7%	16.7% #B834A1	RGB 184 52 161	#B834A1
33.3%	33.3% #C442A7	RGB 196 66 167	#C442A7
50.0%	50.0% #D052AE	RGB 208 82 174	#D052AE
66.7%	66.7% #DC64B5	RGB 220 100 181	#DC64B5
83.3%	83.3% #E876BE	RGB 232 118 190	#E876BE
100.0%	100.0% #F48BC8	RGB 244 139 200	#F48BC8

#AD279C #B834A1 #C442A7 #D052AE #DC64B5 #E876BE #F48BC8

#AD279C - #D052AE - #F48BC8

Códigos CSS

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

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