#45418D - #C9C8DE | 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 #45418D a #C9C8DE

#45418D #C9C8DE

Calcule el color entre dos colores, #45418D y #C9C8DE. 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)

#45418D - #C9C8DE | 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 #45418D como 0% y #C9C8DE como 100%.

0.0%	0.0% #45418D	RGB 69 65 141	#45418D
16.7%	16.7% #5B579A	RGB 91 87 154	#5B579A
33.3%	33.3% #716EA8	RGB 113 110 168	#716EA8
50.0%	50.0% #8784B5	RGB 135 132 181	#8784B5
66.7%	66.7% #9D9BC3	RGB 157 155 195	#9D9BC3
83.3%	83.3% #B3B1D0	RGB 179 177 208	#B3B1D0
100.0%	100.0% #C9C8DE	RGB 201 200 222	#C9C8DE

#45418D #5B579A #716EA8 #8784B5 #9D9BC3 #B3B1D0 #C9C8DE

#45418D - #C9C8DE

Mezcla HSV

#45418D - #C9C8DE | 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 #45418D como 0% y #C9C8DE como 100%.

0.0%	0.0% #45418D	RGB 69 65 141	#45418D
16.7%	16.7% #56529A	RGB 86 82 154	#56529A
33.3%	33.3% #6966A8	RGB 105 102 168	#6966A8
50.0%	50.0% #7E7BB5	RGB 126 123 181	#7E7BB5
66.7%	66.7% #9593C3	RGB 149 147 195	#9593C3
83.3%	83.3% #AEACD0	RGB 174 172 208	#AEACD0
100.0%	100.0% #C9C8DE	RGB 201 200 222	#C9C8DE

#45418D #56529A #6966A8 #7E7BB5 #9593C3 #AEACD0 #C9C8DE

#45418D - #7E7BB5 - #C9C8DE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45418D 0%, #7E7BB5 50%, #C9C8DE 100%);
    background: -webkit-linear-gradient(top, #45418D 0%, #7E7BB5 50%, #C9C8DE 100%);
    background: linear-gradient(to bottom, #45418D 0%, #7E7BB5 50%, #C9C8DE 100%);
}
</style>