#CC6D9A - #F0D5E1 | 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 #CC6D9A a #F0D5E1

#CC6D9A #F0D5E1

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

#CC6D9A - #F0D5E1 | 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 #CC6D9A como 0% y #F0D5E1 como 100%.

0.0%	0.0% #CC6D9A	RGB 204 109 154	#CC6D9A
16.7%	16.7% #D27EA5	RGB 210 126 165	#D27EA5
33.3%	33.3% #D88FB1	RGB 216 143 177	#D88FB1
50.0%	50.0% #DEA1BD	RGB 222 161 189	#DEA1BD
66.7%	66.7% #E4B2C9	RGB 228 178 201	#E4B2C9
83.3%	83.3% #EAC3D5	RGB 234 195 213	#EAC3D5
100.0%	100.0% #F0D5E1	RGB 240 213 225	#F0D5E1

#CC6D9A #D27EA5 #D88FB1 #DEA1BD #E4B2C9 #EAC3D5 #F0D5E1

#CC6D9A - #F0D5E1

Mezcla HSV

#CC6D9A - #F0D5E1 | 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 #CC6D9A como 0% y #F0D5E1 como 100%.

0.0%	0.0% #CC6D9A	RGB 204 109 154	#CC6D9A
16.7%	16.7% #D27CA4	RGB 210 124 164	#D27CA4
33.3%	33.3% #D88CAF	RGB 216 140 175	#D88CAF
50.0%	50.0% #DE9DBB	RGB 222 157 187	#DE9DBB
66.7%	66.7% #E4AFC7	RGB 228 175 199	#E4AFC7
83.3%	83.3% #EAC1D3	RGB 234 193 211	#EAC1D3
100.0%	100.0% #F0D5E1	RGB 240 213 225	#F0D5E1

#CC6D9A #D27CA4 #D88CAF #DE9DBB #E4AFC7 #EAC1D3 #F0D5E1

#CC6D9A - #DE9DBB - #F0D5E1

Códigos CSS

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

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