#CC9898 - #B24843 | 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 #CC9898 a #B24843

#CC9898 #B24843

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

#CC9898 - #B24843 | 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 #CC9898 como 0% y #B24843 como 100%.

0.0%	0.0% #CC9898	RGB 204 152 152	#CC9898
16.7%	16.7% #C78A89	RGB 199 138 137	#C78A89
33.3%	33.3% #C37D7B	RGB 195 125 123	#C37D7B
50.0%	50.0% #BF706D	RGB 191 112 109	#BF706D
66.7%	66.7% #BA625F	RGB 186 98 95	#BA625F
83.3%	83.3% #B65551	RGB 182 85 81	#B65551
100.0%	100.0% #B24843	RGB 178 72 67	#B24843

#CC9898 #C78A89 #C37D7B #BF706D #BA625F #B65551 #B24843

#CC9898 - #B24843

Mezcla HSV

#CC9898 - #B24843 | 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 #CC9898 como 0% y #B24843 como 100%.

0.0%	0.0% #CC9898	RGB 204 152 152	#CC9898
16.7%	16.7% #C78888	RGB 199 136 136	#C78888
33.3%	33.3% #C37A79	RGB 195 122 121	#C37A79
50.0%	50.0% #BF6C6B	RGB 191 108 107	#BF6C6B
66.7%	66.7% #BA605D	RGB 186 96 93	#BA605D
83.3%	83.3% #B6534F	RGB 182 83 79	#B6534F
100.0%	100.0% #B24843	RGB 178 72 67	#B24843

#CC9898 #C78888 #C37A79 #BF6C6B #BA605D #B6534F #B24843

#CC9898 - #BF6C6B - #B24843

Códigos CSS

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

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