#CD645F - #CCB5E5 | 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 #CD645F a #CCB5E5

#CD645F #CCB5E5

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

#CD645F - #CCB5E5 | 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 #CD645F como 0% y #CCB5E5 como 100%.

0.0%	0.0% #CD645F	RGB 205 100 95	#CD645F
16.7%	16.7% #CC7175	RGB 204 113 117	#CC7175
33.3%	33.3% #CC7F8B	RGB 204 127 139	#CC7F8B
50.0%	50.0% #CC8CA2	RGB 204 140 162	#CC8CA2
66.7%	66.7% #CC9AB8	RGB 204 154 184	#CC9AB8
83.3%	83.3% #CCA7CE	RGB 204 167 206	#CCA7CE
100.0%	100.0% #CCB5E5	RGB 204 181 229	#CCB5E5

#CD645F #CC7175 #CC7F8B #CC8CA2 #CC9AB8 #CCA7CE #CCB5E5

#CD645F - #CCB5E5

Mezcla HSV

#CD645F - #CCB5E5 | 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 #CD645F como 0% y #CCB5E5 como 100%.

0.0%	0.0% #CD645F	RGB 205 100 95	#CD645F
16.7%	16.7% #D16C81	RGB 209 108 129	#D16C81
33.3%	33.3% #D579A5	RGB 213 121 165	#D579A5
50.0%	50.0% #D988C3	RGB 217 136 195	#D988C3
66.7%	66.7% #DD96DC	RGB 221 150 220	#DD96DC
83.3%	83.3% #D1A5E1	RGB 209 165 225	#D1A5E1
100.0%	100.0% #CCB5E5	RGB 204 181 229	#CCB5E5

#CD645F #D16C81 #D579A5 #D988C3 #DD96DC #D1A5E1 #CCB5E5

#CD645F - #D988C3 - #CCB5E5

Códigos CSS

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

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