#CAC7DD - #84699D | 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 #CAC7DD a #84699D

#CAC7DD #84699D

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

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

0.0%	0.0% #CAC7DD	RGB 202 199 221	#CAC7DD
16.7%	16.7% #BEB7D2	RGB 190 183 210	#BEB7D2
33.3%	33.3% #B2A7C7	RGB 178 167 199	#B2A7C7
50.0%	50.0% #A798BD	RGB 167 152 189	#A798BD
66.7%	66.7% #9B88B2	RGB 155 136 178	#9B88B2
83.3%	83.3% #8F78A7	RGB 143 120 167	#8F78A7
100.0%	100.0% #84699D	RGB 132 105 157	#84699D

#CAC7DD #BEB7D2 #B2A7C7 #A798BD #9B88B2 #8F78A7 #84699D

#CAC7DD - #84699D

Mezcla HSV

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

0.0%	0.0% #CAC7DD	RGB 202 199 221	#CAC7DD
16.7%	16.7% #BBB5D2	RGB 187 181 210	#BBB5D2
33.3%	33.3% #ADA4C7	RGB 173 164 199	#ADA4C7
50.0%	50.0% #A194BD	RGB 161 148 189	#A194BD
66.7%	66.7% #9685B2	RGB 150 133 178	#9685B2
83.3%	83.3% #8C76A7	RGB 140 118 167	#8C76A7
100.0%	100.0% #84699D	RGB 132 105 157	#84699D

#CAC7DD #BBB5D2 #ADA4C7 #A194BD #9685B2 #8C76A7 #84699D

#CAC7DD - #A194BD - #84699D

Códigos CSS

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

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