#ACACCD - #4B5E8B | 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 #ACACCD a #4B5E8B

#ACACCD #4B5E8B

Calcule el color entre dos colores, #ACACCD y #4B5E8B. 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)

#ACACCD - #4B5E8B | 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 #ACACCD como 0% y #4B5E8B como 100%.

0.0%	0.0% #ACACCD	RGB 172 172 205	#ACACCD
16.7%	16.7% #9B9FC2	RGB 155 159 194	#9B9FC2
33.3%	33.3% #8B92B7	RGB 139 146 183	#8B92B7
50.0%	50.0% #7B85AC	RGB 123 133 172	#7B85AC
66.7%	66.7% #6B78A1	RGB 107 120 161	#6B78A1
83.3%	83.3% #5B6B96	RGB 91 107 150	#5B6B96
100.0%	100.0% #4B5E8B	RGB 75 94 139	#4B5E8B

#ACACCD #9B9FC2 #8B92B7 #7B85AC #6B78A1 #5B6B96 #4B5E8B

#ACACCD - #4B5E8B

Mezcla HSV

#ACACCD - #4B5E8B | 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 #ACACCD como 0% y #4B5E8B como 100%.

0.0%	0.0% #ACACCD	RGB 172 172 205	#ACACCD
16.7%	16.7% #999BC2	RGB 153 155 194	#999BC2
33.3%	33.3% #878BB7	RGB 135 139 183	#878BB7
50.0%	50.0% #767EAC	RGB 118 126 172	#767EAC
66.7%	66.7% #6672A1	RGB 102 114 161	#6672A1
83.3%	83.3% #586796	RGB 88 103 150	#586796
100.0%	100.0% #4B5E8B	RGB 75 94 139	#4B5E8B

#ACACCD #999BC2 #878BB7 #767EAC #6672A1 #586796 #4B5E8B

#ACACCD - #767EAC - #4B5E8B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACACCD 0%, #767EAC 50%, #4B5E8B 100%);
    background: -webkit-linear-gradient(top, #ACACCD 0%, #767EAC 50%, #4B5E8B 100%);
    background: linear-gradient(to bottom, #ACACCD 0%, #767EAC 50%, #4B5E8B 100%);
}
</style>