#AD8B27 - #F09CCD | 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 #AD8B27 a #F09CCD

#AD8B27 #F09CCD

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

#AD8B27 - #F09CCD | 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 #AD8B27 como 0% y #F09CCD como 100%.

0.0%	0.0% #AD8B27	RGB 173 139 39	#AD8B27
16.7%	16.7% #B88D42	RGB 184 141 66	#B88D42
33.3%	33.3% #C3905E	RGB 195 144 94	#C3905E
50.0%	50.0% #CE937A	RGB 206 147 122	#CE937A
66.7%	66.7% #D99695	RGB 217 150 149	#D99695
83.3%	83.3% #E499B1	RGB 228 153 177	#E499B1
100.0%	100.0% #F09CCD	RGB 240 156 205	#F09CCD

#AD8B27 #B88D42 #C3905E #CE937A #D99695 #E499B1 #F09CCD

#AD8B27 - #F09CCD

Mezcla HSV

#AD8B27 - #F09CCD | 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 #AD8B27 como 0% y #F09CCD como 100%.

0.0%	0.0% #AD8B27	RGB 173 139 39	#AD8B27
16.7%	16.7% #B87A36	RGB 184 122 54	#B87A36
33.3%	33.3% #C36D47	RGB 195 109 71	#C36D47
50.0%	50.0% #CE635A	RGB 206 99 90	#CE635A
66.7%	66.7% #D96E7D	RGB 217 110 125	#D96E7D
83.3%	83.3% #E484A7	RGB 228 132 167	#E484A7
100.0%	100.0% #F09CCD	RGB 240 156 205	#F09CCD

#AD8B27 #B87A36 #C36D47 #CE635A #D96E7D #E484A7 #F09CCD

#AD8B27 - #CE635A - #F09CCD

Códigos CSS

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

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