#CC5CCE - #8C038B | 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 #CC5CCE a #8C038B

#CC5CCE #8C038B

Calcule el color entre dos colores, #CC5CCE y #8C038B. 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)

#CC5CCE - #8C038B | 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 #CC5CCE como 0% y #8C038B como 100%.

0.0%	0.0% #CC5CCE	RGB 204 92 206	#CC5CCE
16.7%	16.7% #C14DC2	RGB 193 77 194	#C14DC2
33.3%	33.3% #B63EB7	RGB 182 62 183	#B63EB7
50.0%	50.0% #AC2FAC	RGB 172 47 172	#AC2FAC
66.7%	66.7% #A120A1	RGB 161 32 161	#A120A1
83.3%	83.3% #961196	RGB 150 17 150	#961196
100.0%	100.0% #8C038B	RGB 140 3 139	#8C038B

#CC5CCE #C14DC2 #B63EB7 #AC2FAC #A120A1 #961196 #8C038B

#CC5CCE - #8C038B

Mezcla HSV

#CC5CCE - #8C038B | 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 #CC5CCE como 0% y #8C038B como 100%.

0.0%	0.0% #CC5CCE	RGB 204 92 206	#CC5CCE
16.7%	16.7% #C149C3	RGB 193 73 195	#C149C3
33.3%	33.3% #B638B8	RGB 182 56 184	#B638B8
50.0%	50.0% #AC28AD	RGB 172 40 173	#AC28AD
66.7%	66.7% #A11AA2	RGB 161 26 162	#A11AA2
83.3%	83.3% #970D96	RGB 151 13 150	#970D96
100.0%	100.0% #8C038B	RGB 140 3 139	#8C038B

#CC5CCE #C149C3 #B638B8 #AC28AD #A11AA2 #970D96 #8C038B

#CC5CCE - #AC28AD - #8C038B

Códigos CSS

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

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