#CA65A2 - #EFD3E4 | 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 #CA65A2 a #EFD3E4

#CA65A2 #EFD3E4

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

#CA65A2 - #EFD3E4 | 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 #CA65A2 como 0% y #EFD3E4 como 100%.

0.0%	0.0% #CA65A2	RGB 202 101 162	#CA65A2
16.7%	16.7% #D077AD	RGB 208 119 173	#D077AD
33.3%	33.3% #D689B8	RGB 214 137 184	#D689B8
50.0%	50.0% #DC9CC3	RGB 220 156 195	#DC9CC3
66.7%	66.7% #E2AECE	RGB 226 174 206	#E2AECE
83.3%	83.3% #E8C0D9	RGB 232 192 217	#E8C0D9
100.0%	100.0% #EFD3E4	RGB 239 211 228	#EFD3E4

#CA65A2 #D077AD #D689B8 #DC9CC3 #E2AECE #E8C0D9 #EFD3E4

#CA65A2 - #EFD3E4

Mezcla HSV

#CA65A2 - #EFD3E4 | 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 #CA65A2 como 0% y #EFD3E4 como 100%.

0.0%	0.0% #CA65A1	RGB 202 101 161	#CA65A1
16.7%	16.7% #D075AC	RGB 208 117 172	#D075AC
33.3%	33.3% #D686B6	RGB 214 134 182	#D686B6
50.0%	50.0% #DC98C1	RGB 220 152 193	#DC98C1
66.7%	66.7% #E2ABCC	RGB 226 171 204	#E2ABCC
83.3%	83.3% #E8BED8	RGB 232 190 216	#E8BED8
100.0%	100.0% #EFD3E4	RGB 239 211 228	#EFD3E4

#CA65A1 #D075AC #D686B6 #DC98C1 #E2ABCC #E8BED8 #EFD3E4

#CA65A2 - #DC98C1 - #EFD3E4

Códigos CSS

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

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