#7E48B4 - #ADDBE2 | 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 #7E48B4 a #ADDBE2

#7E48B4 #ADDBE2

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

#7E48B4 - #ADDBE2 | 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 #7E48B4 como 0% y #ADDBE2 como 100%.

0.0%	0.0% #7E48B4	RGB 126 72 180	#7E48B4
16.7%	16.7% #8560BB	RGB 133 96 187	#8560BB
33.3%	33.3% #8D79C3	RGB 141 121 195	#8D79C3
50.0%	50.0% #9591CB	RGB 149 145 203	#9591CB
66.7%	66.7% #9DAAD2	RGB 157 170 210	#9DAAD2
83.3%	83.3% #A5C2DA	RGB 165 194 218	#A5C2DA
100.0%	100.0% #ADDBE2	RGB 173 219 226	#ADDBE2

#7E48B4 #8560BB #8D79C3 #9591CB #9DAAD2 #A5C2DA #ADDBE2

#7E48B4 - #ADDBE2

Mezcla HSV

#7E48B4 - #ADDBE2 | 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 #7E48B4 como 0% y #ADDBE2 como 100%.

0.0%	0.0% #7E48B4	RGB 126 72 180	#7E48B4
16.7%	16.7% #7256BB	RGB 114 86 187	#7256BB
33.3%	33.3% #6A65C3	RGB 106 101 195	#6A65C3
50.0%	50.0% #7685CB	RGB 118 133 203	#7685CB
66.7%	66.7% #87A6D2	RGB 135 166 210	#87A6D2
83.3%	83.3% #99C3DA	RGB 153 195 218	#99C3DA
100.0%	100.0% #ADDBE2	RGB 173 219 226	#ADDBE2

#7E48B4 #7256BB #6A65C3 #7685CB #87A6D2 #99C3DA #ADDBE2

#7E48B4 - #7685CB - #ADDBE2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E48B4 0%, #7685CB 50%, #ADDBE2 100%);
    background: -webkit-linear-gradient(top, #7E48B4 0%, #7685CB 50%, #ADDBE2 100%);
    background: linear-gradient(to bottom, #7E48B4 0%, #7685CB 50%, #ADDBE2 100%);
}
</style>